如何从jQuery UI datepicker获取日期

84 javascript jquery jquery-ui

每当用户在jQuery UI datepicker中选择日期并单击表单上的按钮时,我想从datepicker获取日期.

好吧,我需要得到他们选择的日期,月份和年份.我怎样才能获得jQuery UI的日期表格?

Coo*_*Esh 125

使用

var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { // if any date selected in datepicker
    jsDate instanceof Date; // -> true
    jsDate.getDate();
    jsDate.getMonth();
    jsDate.getFullYear();
}
Run Code Online (Sandbox Code Playgroud)


Viv*_*vek 84

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

$("#datepicker").datepicker( 'getDate' );
Run Code Online (Sandbox Code Playgroud)

该值作为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
   }
});
Run Code Online (Sandbox Code Playgroud)

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

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


Nam*_*ion 20

试试这个,像魅力一样工作,给出你选择的日期.onsubmit表单尝试获取此值: -

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();
Run Code Online (Sandbox Code Playgroud)

参考这里


ale*_*exl 6

getdate 的链接:https : //api.jqueryui.com/datepicker/#method-getDate

$("#datepicker").datepicker( 'getDate' );
Run Code Online (Sandbox Code Playgroud)