jquery - setDate 之后的 jquery datepicker 不再能够更改标题中的月份和年份

Question

我正在使用 JQuery UI Datepicker 来选择日期。我在初始化时将“changeMonth”和“changeYear”设置为true。

$( "#from" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  changeYear: true,
  dateFormat: 'yy-mm-dd',
  onClose: function( selectedDate ) {
    $( "#to" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#to" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  changeYear: true,
  dateFormat: 'yy-mm-dd',
  onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
  }
});

但是我希望默认设置 datepicker，所以我在changeMonth 和 changeYear的设置之前使用了setDate ：

$(#from).datepicker('setDate', '10-10-2010');
$(#to).datepicker('setDate', '10-10-2011');

这是成功的。但是，在标题的下拉日历中，我无法再直接更改月份和年份。

有谁知道发生了什么或知道解决方案？或者我应该改变另一种设置日期的方式？

在此先感谢您的帮助！

Answer 1

我尝试了您使用的相同脚本。它对我有用。检查这个http://jsfiddle.net/XE68u/

 $( "#from" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  changeYear: true,
  dateFormat: 'yy-mm-dd',
  onClose: function( selectedDate ) {
    $( "#to" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#to" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  changeYear: true,
  dateFormat: 'yy-mm-dd',
  onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
  }
});

$("#from").datepicker('setDate', '10-10-10')
$("#to").datepicker('setDate', '11-10-10')