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

Question

我想使用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);,它会工作正常.

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

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