jquery - 使用 jQuery 和 jQueryui 设置日期选择器中的最小日期

Question

我正在使用以下 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'
            });

如何添加模糊事件，或者是否应该使用其他事件监听器？

Answer 1

我认为您想使用 #project_start 中的 onSelect 事件来设置 #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 选项设置为所选日期。