在JQuery UI DatePicker中动态更改选项失败 [英] Change option dynamically in JQuery UI DatePicker fails

问题描述

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

I want to make date range selection using jquery-ui datepicker. First change at #dteStart succeed to set minDate at #dteEnd. But #dteEnd failed to refresh its options on next change, if i alert DateOptions.minDate its value changed according to dateMin.

也许我在这里想念一些东西...

Maybe i miss something here...

$(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

推荐答案

将$("#dteEnd").datepicker("destroy");放在$("#dteEnd").datepicker(DateOptions);之前，它将正常工作.

put $("#dteEnd").datepicker("destroy"); before $("#dteEnd").datepicker(DateOptions); and it will work fine.

这篇关于在JQuery UI DatePicker中动态更改选项失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！