jQuery,UI日历,两个日期选择器自动设置日期范围内的第二个日期

时间:2012-01-05 10:03:29

标签: jquery jquery-ui datepicker

我已经创建了我的表单中的字段,并且我已经放入了两个日期范围的文本字段。我运行normaly我的jQuery为他们分配了datepicker并且工作正常。

如果用户第一次填写表单,文本字段将自动填入当前日期,或者在用户第二次编辑该表单时使用保存的数据。

无论如何,我喜欢做的是在使用第一个字段之前自动设置第二个字段的minDate。

这是我的代码:

$('#stigma_start').datepicker(
    {
        dateFormat: 'd MM yy',
        timeFormat: 'h:mm',
        hideIfNoPrevNext: false,
        showWeek: true,
        changeMonth: true,
        changeYear: true,
        onSelect: function(selectedDate)
        {
            var instance = $(this).data("datepicker");
            var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);

            $('#stigma_expires').datepicker("option", "minDate", date);
        }
    }
);

$('#stigma_expires').datepicker(
    {
        dateFormat: 'd MM yy',
        timeFormat: 'h:mm',
        hideIfNoPrevNext: false,
        showWeek: true,
        changeMonth: true,
        changeYear: true
    }
);

1 个答案:

答案 0 :(得分:2)

如何为第二个datepicker显式设置minDate选项?第一个的onSelect也应该在此设置中正确设置。

相关问题