javascript - 显示开始日期小于结束日期 - Datepicker

Question

因此，我试图在“结束日期选择器”中仅显示大于开始日期的日期。在这里，我的问题是 - 如果用户最初选择某个开始日期(比如 9 月 27 日)，结束日期日期选择器显示的日期大于 9 月 27 日，很好。但是，如果他出于某种原因更改了开始日期(比如 9 月 27 日到 9 月 25 日)，结束日期日期选择器仍然只显示比之前的开始日期大的日期(即 25 日和 26 日未突出显示)。附 Screenshot1和

这里是需要的js:

$(document).ready(function() {
    var start = new Date();
    // var end = new Date();

    $("#s_dt").datepicker({
        startDate: start,
        daysOfWeekDisabled: [0, 6],
        autoclose: true,
    })
    $("#s_dt").on('changeDate', function() {
        var st = $(this).datepicker("getDate");
        var end = st;
        // end.setDate(st.getDate());
        console.log(st);
        end.toLocaleDateString();
        console.log(end);
        $('#e_dt').val('');            

        $("#e_dt").datepicker({
            startDate: end,
            daysOfWeekDisabled: [0, 6],
            autoclose: true,
        })

    })

})

提前致谢...

Answer 1

datepicker 具有方法 setStartDate，您可以在开始日期更改时使用该方法设置结束日期输入的开始日期，而不用再次初始化它。

$("#s_dt").datepicker({
    startDate: start,
    daysOfWeekDisabled: [0, 6],
    autoclose: true,
});

//initialize it once without start date
$("#e_dt").datepicker({
    daysOfWeekDisabled: [0, 6],
    autoclose: true,
});

$("#s_dt").on('changeDate', function() {
    var st = $(this).datepicker("getDate");
    var end = st;
    console.log(st);
    end.toLocaleDateString();
    console.log(end);

    //use setStartDate to change startdate property dynamically
    $('#e_dt').val('').datepicker('setStartDate', end);             
});