`DEMO HERE`

Question

我正在努力建立两个引导日期选择器，一旦用户点击第一个日期选择器上的任何日期，第二个日期选择器的开始日期应该是第一个日期选择器中选择的日期选择器，并且在所有日期之前应该被禁用。但当然我走错了方法我无法弄明白。变量diffDays的值没有反映在第二个日期选择器的startDate字段中，因此开始日期没有反映在第二个日期 - 选择器。提前谢谢。

function checkDate(startDate) {
    var oneDay = 24 * 60 * 60 * 1000;
    var res = startDate.value.split("/");
    var firstDate = new Date(res[2], res[1] - 1, res[0]);
    var todayFullDate = new Date();
    var diffDays = Math.round(Math.abs((firstDate.getTime() - todayFullDate
            .getTime())
            / (oneDay)));

    $('#date2').datepicker({

        startDate: '+'+diffDays+'d'
                });

}
$(function() {

    $('#date1').datepicker({
        format : "dd/mm/yyyy",
        required : true,

    });

    $("#register-form").validate({

        rules : {
            date1 : "required"
        },

        messages : {
            date1 : "Please enter a valid date"
        },

        submitHandler : function(form) {

            form.submit();
        }
    });

});

Answer 1

您可以使用简单的methods和options及其插件，如下所示：

{strong> changeDate ， setStartDate 和 setEndDate 是您需要做的三件重要事情使用。

changeDate 是event， fired when the date is changed 。

setStartDate 和 setEndDate 是为{{1}设置startdate和enddate的两种方法}}。您需要将datepickers事件附加到changeDate，并为相应的datepickers设置相应的开始和结束日期，如下所示

datepickers

从第一个日期选择器

1 个答案:

`DEMO HERE`