如何在动态生成的日期输入字段或自动填充日期中增加日期并增加1天

时间:2018-06-16 10:28:38

标签: javascript jquery html

我正在制作一张有日期栏的表。

  1. 用户输入日期(startDate
  2. 使用jQuery(nextDate=startDate+1
  3. 生成动态日期字段
  4. 再次按下按钮,上一个日期增加1.(nextDate=+1
  5. 我找到了这个解决方案:

    
    
    $('#date1').datepicker();
    $('#date2').datepicker();
    
    $('#date1').change(function(){
        var date1 = $('#date1').datepicker('getDate');
        var date = new Date( Date.parse( date1 ) ); 
        date.setDate( date.getDate() + 1 );
        
        var newDate = date.toDateString(); 
        newDate = new Date( Date.parse( newDate ) );
        
        $('#date2').datepicker('setDate', newDate );
    })
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    
    <input id="date1" />
    <input id="date2" />
    &#13;
    &#13;
    &#13;

    但是我无法在动态生成的Field中使用它。

    我试过没有使用jQuery。使用stepUp(1)方法更新Dom。 但我不知道如何在动态字段中应用它

    https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_input_date_stepup

    我也每年都会发现这个自动填充日期

    https://excelwizards.wordpress.com/2017/05/09/jquery-to-autofill-dates-and-increment-annually/

    提前致谢:D

0 个答案:

没有答案