在表中隱藏javascript日期

Question

我有一個表格，其中前一天的日期必須隱藏在第一個日期選擇器中，第二個日期選擇器不能顯示第一個選定日期之前的日期。

日期選擇器一個

日期選擇器2種

的形式正在爲第一行，但我不能讓代碼的後面，當我「添加其他行工作「一個新的行。

任何人都可以幫助我嗎？

這裏是我當前的代碼：

$(document).ready(function(){ 
 

 
    function updateMinimumEndDate() 
 
    { 
 
    var minimum = $('.DepartDate input').val(); 
 
    var minSplit = []; 
 
    minSplit = minimum.split("/"); 
 
    var newMin = (minSplit[2]+"-"+minSplit[0]+"-"+minSplit[1]); 
 
    $('.ReturnDate input').attr('min',newMin); 
 
    } 
 
    $('.DepartDate input').change(updateMinimumEndDate); 
 

 
}); 
 
$(function() { 
 

 
    $(document).ready(function() { 
 

 
    var todaysDate = new Date(); 
 
    
 
    var year = todaysDate.getFullYear(); \t \t \t \t \t \t 
 
    var month = ("0" + (todaysDate.getMonth() + 1)).slice(-2); \t 
 
    var day = ("0" + todaysDate.getDate()).slice(-2); \t \t \t 
 

 
    \t var minDate = (year +"-"+ month +"-"+ day); 
 
    
 
    $('.DepartDate input').attr('min',minDate); 
 
    
 
    }); 
 
});

Answer 1

的問題是與線

$('.DepartDate input').change(updateMinimumEndDate); 

這需要在docReady。它還需要使用jQuery函數.on，以便在添加新行時觸發它。我沒有檢查這一點：

$('.DepartDate input').on('change', 'AnchorSelector', function() {updateMinimumEndDate())}; 

其中AnchorSelector是包含表單的位置。