Question

我正在使用以下jquery和jqueryui来获取第一个datepicker的值并使其成为第二个的最小值 - 但我认为我需要将其链接到blur事件以确保它作为{{ 1}}更改，变量发生变化。我只是想不通怎么做。当我将.blur添加到第一个代码段的末尾时，它都会停止工作。

#project_start

如何添加模糊事件，还是应该使用其他一些事件监听器？

Answer 1

我认为您希望使用onSelect中的#project_start事件来设置#project_end的最短日期：

$("#project_start").datepicker({
    dateFormat: 'yy-mm-dd',
    appendText: '(yyyy-mm-dd)',
    showAnim: 'fade',
    onSelect: function(date) {
        $('#project_end').datepicker(
            'option',
            'minDate',
            date
        );
    }
});

演示：http://jsfiddle.net/ambiguous/9xxVk/1/

如果在“开始”日期选择器中选择了日期，则上述内容会将第二个日历上的minDate选项设置为所选日期。

Answer 2

在JQuery UI页面上有一个演示：http://jqueryui.com/demos/datepicker/#date-range

使用jQuery和jQueryui在datepicker中设置最小日期

2 个答案: