Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在日期选择器中选择第二个日期_Javascript_Jquery_Datepicker_Jquery Ui Datepicker - Fatal编程技术网

Javascript 无法在日期选择器中选择第二个日期

Javascript 无法在日期选择器中选择第二个日期,javascript,jquery,datepicker,jquery-ui-datepicker,Javascript,Jquery,Datepicker,Jquery Ui Datepicker,我有一个选择开始日期和结束日期的日期字段,我想做的是禁用前一个日期,并在开始日期字段中显示从今天开始的日期,在结束日期字段中,我想显示+3天,不超过这一天。我已经写了我的代码,但它只有在我选择今天的日期时才起作用,如果我选择像9月25日这样的日期,那么它将禁用“结束日期”中的所有日期。下面是我的代码: <div class="row-form clearfix"> <div class="span5">Free Trail Date:</div> <di

我有一个选择开始日期和结束日期的日期字段,我想做的是禁用前一个日期,并在开始日期字段中显示从今天开始的日期,在结束日期字段中,我想显示+3天,不超过这一天。我已经写了我的代码,但它只有在我选择今天的日期时才起作用,如果我选择像9月25日这样的日期,那么它将禁用“结束日期”中的所有日期。下面是我的代码:

<div class="row-form clearfix">
<div class="span5">Free Trail Date:</div>
<div class="span7">
<input  value=""  placeholder="From" style="width: 96px;" type="text" name="ftdt" id="dob" required/>
<input  value=""  placeholder="To" style="width: 96px;" type="text" name="ft_snd" id="dob2" required/>
</div>
</div> 
JavaScript代码:

<script>
    $(function() {
        $('#dob').datepicker({
        changeMonth: true, 
        changeYear: true, 
        yearRange: '2012:2020',
        minDate: new Date(),
        onSelect: function(date){

            var selectedDate = new Date(date);
            var msecsInADay = 86400000;
            var endDate = new Date(selectedDate.getTime() + msecsInADay);

            $("#dob2").datepicker( "option", "minDate", endDate );
            $("#dob2").datepicker( "option", "maxDate", '+2d' );
        }
    });
    });
   $(function() {
        $('#dob2').datepicker({changeMonth: true, changeYear: true, 
    yearRange: '2012:2020'});
   });
</script>

请告诉我哪里出错了,如果我选择今天的日期,我的代码会正常工作,但是当我选择“高级天数”时,它会禁用“结束日期”字段。

我通过添加一点更改解决了我的问题:

<script>
    $(function() {
        $('#dob').datepicker({
        changeMonth: true, 
        changeYear: true, 
        yearRange: '2012:2020',
        minDate: new Date(),
        maxDate: '+2y',
        onSelect: function(date){
            var selectedDate = new Date(date);
            var msecsInADay = 86400000;
            var endDate = new Date(selectedDate.getTime() + msecsInADay);
            var lastDate = new Date(selectedDate.getTime() + 2 * msecsInADay);
            $("#dob2").datepicker( "option", "minDate", endDate );
            $("#dob2").datepicker( "option", "maxDate", lastDate );
        }
    });
    });
</script>
$function{ $'dob'。日期选择器{ 变化月:对, 变化年:是的, 年份范围:“2012:2020”, 新日期, onSelect:functiondate{ var selectedDate=新日期; $dob2.datepicker选项,minDate,新DateselectedDate.getTime+86400000; $dob2.datepicker选项,maxDate,new DateselectedDate.getTime+3*24*60*60*1000;//其中3为3天。您可以根据需要更改它 } }; $'dob2'。日期选择器{changeMonth:true,changeYear:true,yearRange:'2012:2020'}; }; 免费试用日期: