在JQuery UI中动态更改选项DatePicker失败

我想使用jquery-ui datepicker进行日期范围选择。 #dteStart的第一次更改成功将#DteEnd设置为minDate。 但是#dteEnd在下次更改时无法刷新其选项，如果我提醒DateOptions.minDate其值根据dateMin更改。

也许我想念一下……

 $(document).ready(function () { $("#dteStart").datepicker() .change(function () { dateStart = $(this).datepicker('getDate'); dateMin = new Date(dateStart.getTime()); dateMin.setDate(dateMin.getDate() + 1); var DateOptions = { dateformat: "mm/dd/yyyy", minDate: dateMin } $("#dteEnd").datepicker(DateOptions); }); }); 

TIA，

REV

Answer 1

把$("#dteEnd").datepicker("destroy"); 在$("#dteEnd").datepicker(DateOptions);之前$("#dteEnd").datepicker(DateOptions); 它会工作正常。

Answer 2

如果您只想更改已配置的选项，还可以执行以下操作：

 $("#dteEnd").datepicker("option", DateOptions); 

要么

 $("#dteEnd").datepicker("option", { dateFormat: "mm/dd/yyyy" }); 

Answer 3

在这种情况下，以下jQuery帮助器函数可能非常有用，可以保留原始选项：

 $.fn.customizeDatepicker = function(newOptions) { var prevOptions = $(this).datepicker('option', 'all'); $(this).datepicker('destroy').datepicker($.extend(prevOptions, newOptions)); return this; }; 

它保存以前的选项并使用新选项扩展它们。