日期选择器无法读取属性'valueOf'

Datepicker Cannot read property 'valueOf'

本文关键字：valueOf 属性 读取 选择器 日期      更新时间：2023-09-26

我想使用datepicekr作为签入-签出，所以我有HTML:

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="datum">Datum: Od</label>  
  <div class="col-md-3">
<input id="dp1" name="dp1" class="form-control" placeholder="Datum" type="text">
  </div>
  <div class="col-md-3">
<input id="dp2" name="dp2" class="form-control" placeholder="Datum" type="text">
  </div>
</div>

我试着让它与js:

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $("#dp1").datepicker({
  onRender: function(date) {
    return date.valueOf() < now.valueOf() ? 'disabled' : '';
  }
}).on('changeDate', function(ev) {
  if (ev.date.valueOf() > checkout.date.valueOf()) {
    var newDate = new Date(ev.date)
    newDate.setDate(newDate.getDate() + 1);
    checkout.setValue(newDate);
  }
  checkin.hide();
  $("#dp2")[0].focus();
}).data('datepicker');
var checkout = $("#dp2").datepicker({
  onRender: function(date) {
    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
  }
}).on('changeDate', function(ev) {
  checkout.hide();
}).data('datepicker');

但是我得到错误:

Uncaught TypeError: Cannot read property 'valueOf' of undefined

这到底是什么意思?我怎么做才能解决这个问题?我使用的代码从官方web资源的日期拾取器为bootstrap…

基于项目页面上提供的示例，javascript工作正常

我唯一能想到的是Javascript库没有加载。
尝试将以下代码行添加到您的web页面(或其本地等效代码)

<link rel="stylesheet" type="text/css" href="http://kylemitofsky.com/libraries/libraries/datepicker.css">
<script type="text/javascript" src="http://kylemitofsky.com/libraries/libraries/bootstrap-datepicker.js"></script>

在Fiddle

中的工作演示

如果这对你不起作用，试着用小提琴作为一个启动点，在未来问更有针对性的问题。

相关文章：