未捕获的TypeError:无法读取null的属性'setDate'

时间:2017-06-07 22:33:30

标签: jquery datepicker

我正在尝试将结帐日期设置为自动检入+1。

以下是代码:

jQuery("#" + in_date).datepicker({
    dateFormat : "yy-mm-dd",
    minDate: today,
    beforeShowDay:function (date){
        return enableAllTheseDays(date, in_date );
    },
    onClose: function() {
        //  var date2 = jQuery("#" + in_date).datepicker('getDate');
        var date2 =jQuery("#" + in_date).datepicker('getDate', '+1d');
        date2.setDate(date2.getDate()+1);
        if(date2){
             jQuery("#" + out_date).datepicker("setDate", date2);
        }
    }
});

1 个答案:

答案 0 :(得分:2)

试用此代码

在设置日期之前初始化out_date datepicker

jQuery("#" + out_date).datepicker().datepicker("setDate", date2);



$(document).ready(function(){
var today=new Date();
var in_date = 'in_date',out_date = 'out_date';

  jQuery("#" + in_date).datepicker({
  dateFormat : "yy-mm-dd",
  minDate: today,
  /*beforeShowDay:function (date){
    return enableAllTheseDays(date, in_date );
  },*/
   onClose: function() {
    //  var date2 = jQuery("#" + in_date).datepicker('getDate');
    var date2 =jQuery("#" + in_date).datepicker('getDate', '+1d');
    date2.setDate(date2.getDate()+1);
    if(date2){
       jQuery("#" + out_date).datepicker({dateFormat : "yy-mm-dd"}).datepicker("setDate", date2);
    }
  }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<input id="in_date" type="text" />
<input id="out_date" type="text" />
&#13;
&#13;
&#13;