2017-02-10 49 views
0

我有一个表格,其中前一天的日期必须隐藏在第一个日期选择器中,第二个日期选择器不能显示第一个选定日期之前的日期。在表中隐藏javascript日期

日期选择器一个 enter image description here

日期选择器2种 enter image description here

的形式正在为第一行,但我不能让代码的后面,当我“添加其他行工作“一个新的行。

任何人都可以帮助我吗?

这里是我当前的代码:

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

+0

你可以用你当前的代码添加一个js小提琴吗? – Mijago

回答

0

的问题是与线

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

这需要在docReady。它还需要使用jQuery函数.on,以便在添加新行时触发它。我没有检查这一点:

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

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