顯示開始日期小於結束日期 - 日期選擇器

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);    
});