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

但我希望默认设置日期选择器，所以我使用 setDate BEFORE THE SETTING 的 changeMonth 和 changeYear:

$(#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')