jquery-ui - 在jqueryui datepicker内联模式下获取选定的日期

Question

我正在尝试使用 jqueryui datepicker。我想使用内联模式。

我想知道当用户选择日期时如何获取所选日期。去哪里以及如何到达？

Answer 1

您可以使用 getDate 函数检索日期:

$("#datepicker").datepicker( 'getDate' );

该值作为 JavaScript Date 对象返回。

如果您想在用户选择日期时使用此值，可以使用 onSelect 事件:

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

在本例中，第一个参数是选定的日期作为字符串。使用parseDate将其转换为 JS 日期对象。

参见http://docs.jquery.com/UI/Datepicker完整的 jQuery UI DatePicker 引用。