使用jQuery和jQueryui在日期选择器中设置最小日期

使用jQuery和jQueryui在日期选择器中设置最小日期,jquery,jquery-ui,jquery-ui-datepicker,Jquery,Jquery Ui,Jquery Ui Datepicker,我使用下面的jquery和jqueryui获取第一个日期选择器的值,并使其成为第二个日期选择器的最小值——但我认为我需要将其链接到一个模糊事件,以确保随着#project_start的更改,变量也会更改。我就是不知道该怎么做。当我将.blur添加到第一个代码部分的末尾时,它就停止工作了 $( "#project_start" ).datepicker({ dateFormat: 'yy-mm-dd', appendText: '(yyyy-mm-d

我使用下面的jquery和jqueryui获取第一个日期选择器的值,并使其成为第二个日期选择器的最小值——但我认为我需要将其链接到一个模糊事件,以确保随着
#project_start
的更改,变量也会更改。我就是不知道该怎么做。当我将.blur添加到第一个代码部分的末尾时,它就停止工作了

$( "#project_start" ).datepicker({
            dateFormat: 'yy-mm-dd',
            appendText: '(yyyy-mm-dd)', 
            showAnim: 'fade'
            })

var start = $("#project_start").val();

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

如何添加模糊事件,或者是否应该使用其他事件侦听器?

我想您应该使用
中的
onSelect
事件来设置
\project\u end
上的最小日期:

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


当在“开始”日期选择器中选择日期时,上面的命令会将第二个日历上的
minDate
选项设置为所选日期。

JQuery UI页面上有一个演示:

诅咒你!我正要用完全一样的话回答!:-)