如何在 dateFormat 中获取 jQuery datepicker 的值？答案

【问题标题】：how to get the value of jQuery datepicker in dateFormat?如何在 dateFormat 中获取 jQuery datepicker 的值？
【发布时间】：2011-10-05 17:40:07
【问题描述】：

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

有没有办法在日期选择器的 dateFormat（或任何格式）中获取日期？

当然我可以使用包含日期选择器的文本输入的值，但我更喜欢使用小部件中的方法。

【问题讨论】：

标签： jquery-ui uidatepicker

【解决方案1】：

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

I.E.

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

【讨论】：

谢谢！你是对的。抱歉，我没有足够的声望给你投票
没问题。很高兴我能帮上忙。
@marcocamejo，您可以随时将答案标记为正确答案。

【解决方案2】：

试试这样的：

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

【讨论】：

【解决方案3】：

要 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>

【讨论】：

【解决方案4】：

这就是我的做法：

jQuery("#select-date-id").datepicker({
    dateFormat: "yy-mm-dd",
    onSelect: function (selected) {
        var selectedDate = $(this).datepicker('getDate');
        console.log(selectedDate); // log the value in the console
    }
});

【讨论】：