如何在dateFormat中获取jQuery datepicker的值?

时间:2011-10-05 17:40:07

标签: jquery-ui uidatepicker

我有一个jQueryUI datepicker,它是用dateFormat:'dd / mm / yy'创建的。如果我使用常规的HTTP POST或HTTP GET请求,输入会以dd / mm / yy格式有效传递,但是当我在任何脚本中使用datepicker的getDate方法时,我会得到类似于'Wed Oct 05 2011 00:00: 00 GMT-0430(委内瑞拉标准时间)'。

有没有办法在datepicker(或任何格式)的dateFormat中获取日期?

当然我可以使用包含datepicker的文本输入的值,但我更喜欢使用widget中的方法。

3 个答案:

答案 0 :(得分:2)

getDate()应该返回一个JavaScript Date对象,因此任何Date方法都适合你。

即。

var date = $("#yourId").datepicker('getDate');
console.log(date.getDay()); //Returns day of the week 0-6
console.log(date.getDate()); //Returns day of the month 1-31
//etc...

Date Object Reference

答案 1 :(得分:0)

尝试这样的事情:

var date = $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' });

答案 2 :(得分:0)

要console.log并处理datepicker功能,您可以尝试以下操作:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Icon trigger</title>

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker({

      buttonImageOnly: true,
      buttonText: "Select date"
    });

    $('#datepicker').datepicker()
    .on("input change", function (e) {
    console.log("Date changed: ", e.target.value);
});
  } );


  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>