如何从jQuery UI datepicker获取date

我想从datepicker获取date，每当用户在jQuery UI datepicker中selectdate，然后单击窗体上的button。

那么我需要得到他们select的date，月份和年份。 我怎样才能得到dateforms的jQuery UI？

Answer 1

使用

$( your_datepicker_id ).datepicker( "getDate" ) 

Answer 2

您可以使用getDate函数检索date：

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

该值作为JavaScript Date对象返回。

如果您想在用户selectdate时使用此值，则可以使用onSelect事件：

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

第一个参数是在这种情况下select的date为string。 使用parseDate将其转换为JSdate对象。

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

Answer 3

试试这个，像魅力一样，给出你select的date。 onsubmit表单尝试获取此值： –

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

在这里引用

Answer 4

链接到getdate： http : //docs.jquery.com/UI/Datepicker#method-getDate

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

Answer 5

有时候会有很多麻烦。 在datapicker数据的属性值是28-06-2014，但datepicker是显示或今天或什么都没有。 我是这样决定的：

 <input type="text" class="form-control datepicker" data-value="<?= date('dm-Y', (!$event->date ? time() : $event->date)) ?>" value="<?= date('dm-Y', (!$event->date ? time() : $event->date)) ?>" /> 

我添加到datapicker属性data-value的input，因为如果调用jQuery（this）.val（）或jQuery（this）.attr（'value'） – 什么都不起作用 。 我决定在每个数据挖掘周期初始化，并从属性data-value中取值：

  $("form .datepicker").each(function() { var time = jQuery(this).data('value'); time = time.split('-'); $(this).datepicker('setDate', new Date(time[2], time[1], time[0], 0, 0, 0)); }); 

它工作正常=）

Answer 6

NamingException的答案为我工作。 除了我用过的

var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()

dtpicker没有工作，但dtpicker做到了。