显示开始日期小于结束日期 - 日期选择器

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

日期选择器有方法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);    
});