提问者:小点点

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


我正在使用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');

这是成功的。然而,在页眉上的下拉日历中,我不能再直接更改月份和年份。

有人知道发生了什么或者知道解决办法吗?或者我应该换一种方式来确定日期?

提前感谢您的帮助!


共1个答案

匿名用户

我试了你用过的同样的脚本。它对我有用。查看这个http://jsfidle.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')