选择Jquery UI datepicker内联getDate

时间:2011-02-03 16:31:01

标签: jquery jquery-ui

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

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

我的日历工作方式如下:

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

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

1 个答案:

答案 0 :(得分:5)

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

请参阅the date picker onSelect event

如果您希望在示例中将数据发布到您的到达变量中,您只需使用jQuery的$ .post函数(如果您想要更多地控制Ajax配置,则使用$ .ajax)。

编辑:以下是如何使用日期弹出警告框:

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

使用对象初始化datePicker,该对象在'onSelect'键上有一个回调函数。当用户选择日期时会触发此功能。