在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
   }
});

在这种情况下,第一个参数是选定的Date作为String.使用parseDate将其转换为JS Date Object.

有关完整的jQuery UI DatePicker参考,请参阅http://docs.jquery.com/UI/Datepicker.

Answer 2

$(document).on("change", "#datepickerdiv", function () {
         alert($(this).val())


    })

这是Jquery中最简单的答案.