我想使用 datepicekr 作为 checkin - checkout 所以我有 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
这到底是什么意思?我能做些什么来解决这个问题?我使用来自官方网络资源的代码作为 Bootstrap 的日期选择器...
最佳答案
根据 project page 上提供的示例,javascript 工作正常.
我唯一能想到的是 Javascript 库没有加载。
尝试将以下代码行添加到您的网页(或其本地等效代码)
<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>
Working Demo in Fiddle
如果这对您不起作用,请尝试使用 fiddle 作为出发点,以便在未来提出更有针对性的问题。
关于javascript - Datepicker javascript - 无法读取属性 'valueOf',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24700204/