jquery ui 日期选择器设置默认日期

Question

我有两个文本框，我希望将日期填充为距当前日期 6 个月前和 15 天前的日期。我可以 select 在 datepicker 中设置默认日期，但无法将默认日期设置为文本框

 $("#fromDate").datepicker({ dateFormat: 'yy-mm-dd',defaultDate : '-6m' });
 $("#toDate").datepicker({ dateFormat: 'yy-mm-dd',defaultDate: '+15d' });

请在此处查找 fiddle：datepickerIssue

谢谢

Answer 1

您需要在日期选择器初始化后链接 setDate 方法调用，然后使用日期选择器的常用相对表示法，例如获取接下来的 15 天或之前的 6 个月：

$("#datepicker1").datepicker({ dateFormat: "yy-mm-dd" }).datepicker("setDate", "-6m");
$("#datepicker2").datepicker({ dateFormat: "yy-mm-dd" }).datepicker("setDate", "+15d");

JSFiddle

Answer 2

首先，你应该调用 datepicker() 然后再次调用 datepicker 以使用 new Date() 设置日期。

$( document ).ready(function() {
   $("#datepicker1").datepicker().datepicker("setDate", new Date());
   $("#datepicker2").datepicker().datepicker("setDate", new Date());
})

在其他情况下，如果您知道要将哪个日期设置为默认日期，则可以将其放在输入元素的值中。

 <input type="text" id="datepicker2" value='21/01/2014'>

jquery ui 日期选择器设置默认日期

jquery ui datepicker set default date

jquery

jquery-ui