显示开始日期小于结束日期 - 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);             
});