需要在“迄今为止”上添加 30 天的范围限制；一旦用户选择“起始日期”；在 JavaScript 中

Question

一旦用户在 From date，就需要在To date上添加 30 天的范围限制title="显示标记为“javascript”的问题" rel="tag">javascript。

我尝试按照下面所示的方式使用它，但它不起作用。

也尝试过使用最大日期，但它不能根据用户选择动态工作。

只需使用datepicker。

$(document).ready(function() {
    
    $('#csFromdt').datepicker({
        dateFormat : 'dd/mm/yy',
        changeMonth : true,
        changeYear : true,
        onSelect : function(selected) {
            $("#csTodt").datepicker("option", "minDate", selected)
        }
    });

    $("#csFromdt").keyup(function(e) {

        if (e.keyCode != 8) {
            if ($(this).val().length == 2) {
                $(this).val($(this).val() + "/");
            } else if ($(this).val().length == 5) {
                $(this).val($(this).val() + "/");
            }
        }
    });

    $('#csTodt').datepicker({
        dateFormat : 'dd/mm/yy',
        changeMonth : true,
        changeYear : true
        /*maxDays: 10*/
        /*maxDate : '15'*/
    })/*.on('changeDate', function(selected) {
        let csFromdt = new Date(selected.date.valueOf());
        let csTodt = new Date(csFromdt);
        csTodt = new Date(csTodt.setDate(csTodt.getDate() + 15));
        $('#csTodt').datepicker('setStartDate', csFromdt);
        $('#csTodt').datepicker('setEndDate', csTodt);
      });*/


    $("#csTodt").keyup(function(e) {
        if (e.keyCode != 8) {
            if ($(this).val().length == 2) {
                $(this).val($(this).val() + "/");
            } else if ($(this).val().length == 5) {
                $(this).val($(this).val() + "/");
            }
        }
    });

    $(".datepicker").datepicker({
        dateFormat : 'dd/mm/yy',
        changeMonth : true,
        changeYear : true,
        maxDate : '0'
    });

});

Answer 1

我尽力了..有任何疑问都可以问我

  <script type="text/javascript">
     $(document).ready(function(){
      
       // initializing jquery datepicker
       $( "#csFromdt, #csTodt" ).datepicker({
         dateFormat : 'dd/mm/yy',
         changeMonth : true,
         changeYear : true,
       });
     
       $("#csFromdt").change(function(){ 
         var fromdate = $("#csFromdt").val();
     
         // from dd/mm/yy to new date(yyyy, mm, dd) format
         var newdate = fromdate.split("/");
         var nd = new Date(+newdate[2], newdate[1] - 1, +newdate[0]); //newdate[0] = dd; newdate[1] = mm, newdate[2] = yy
         nd.setDate(nd.getDate() + 30); //adding 30 days from  fromdate
         $("#csTodt").removeAttr('disabled'); //disabling the csTodt input box //optional if u disabled todate input box
     
         $('#csTodt').datepicker('option', 'minDate', fromdate); //setting min  date
         $('#csTodt').datepicker('option', 'maxDate', nd); //setting  max date
     
       });
     
     });
  </script>