在另一个 datepick 函数中使用 datepick 函数答案

【问题标题】：Using datepick function inside another datepick function在另一个 datepick 函数中使用 datepick 函数
【发布时间】：2015-02-04 13:11:45
【问题描述】：

我有两个日期选择器。如果第一个日期选择为 2 月 20 日，则第二个日期选择器的最大日期应为 2 月 20 日。如何使这项工作。我正在使用 keith-wood js。这是我的代码。

$("#campusOnDate").datepick({ 
onSelect: function(dates) { 
    var campusOnDate = document.getElementById('campusOnDate').value;
            var firstIndex = campusOnDate.indexOf("-");
            var secondIndex = campusOnDate.lastIndexOf("-");
            var d1 = campusOnDate.substring(0, firstIndex);
            var m1 = campusOnDate.substring(firstIndex + 1, secondIndex);
            var y1 = campusOnDate.substring(secondIndex + 1, campusOnDate.length);
            campusOnDate = m1 + "-" + d1 + "-" + y1;
            var date1 = new Date();
            var date2 = new Date(campusOnDate);
            var timeDiff = Math.abs(date2.getTime() - date1.getTime());
            var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
            $('#closingDate').datepick({
            maxDate: +diffDays, showTrigger: '#calImg'});
} });

提前致谢。

【问题讨论】：

标签： jquery validation date datepicker

【解决方案1】：

文档here（具有单独字段的日期范围）展示了如何使用两个日期执行过滤器，使用格式为 start-end 的范围。

代码：

$('#startPicker,#endPicker').datepick({ 
    onSelect: customRange, showTrigger: '#calImg'}); 

function customRange(dates) { 
    if (this.id == 'startPicker') { 
        $('#endPicker').datepick('option', 'minDate', dates[0] || null); 
    } 
    else { 
        $('#startPicker').datepick('option', 'maxDate', dates[0] || null); 
    } 
}

【讨论】：