Jquery UI datepicker 内联 getDate on select

Question

我如何从中获取所选日期并通过 POST 传递？

 <script>
    $(function() {
        $( "#datepicker" ).datepicker();
        var arrival = $("#datepicker").datepicker("getDate");
 });
</script>

我让日历像这样工作:

<div id="datepicker" class="demo"></div>

因为不是输入，是 DIV 我有这个问题。
请参阅:http://jqueryui.com/demos/datepicker/#inline

Answer 1

选择日期时，日期选择器会触发事件。您可以将事件处理程序设置为一个函数，然后该函数在其中调用 $.post。

参见the date picker onSelect event .

如果您希望将数据发布到示例中的arrival变量中，则只需使用jQuery的$.post函数(如果您想要对Ajax配置进行更多控制，则可以使用$.ajax)。

编辑:以下是弹出带有日期的警报框的方法:

$(function() {
  $( "#datepicker" ).datepicker( { 
      onSelect: function(date, picker){ alert(date); }
    } );
} )

您使用一个对象初始化 datePicker，该对象在“onSelect”键处有一个回调函数。当用户选择日期时会触发此函数。