javascript - Bootstrap DatePicker checkin / checkout

Question

这应该是直截了当的...但是 2 小时后我仍然看不出问题。

我正在尝试使用 eternicode datepicker 实现两个日期选择器“ checkin ”/“ checkout ” .

作者本人甚至记录了适用于他的版本的更新解决方案 here .

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

var checkin = $('#dpd1').datepicker({
    beforeShowDay: function(date) {
        return date.valueOf() >= now.valueOf();
    }
}).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);
        checkout.setDate(newDate);
        checkout.update();
    }
    checkin.hide();
    $('#dpd2')[0].focus();
}).data('datepicker');
var checkout = $('#dpd2').datepicker({
    beforeShowDay: function(date) {
        return date.valueOf() > checkin.date.valueOf();
    }
}).on('changeDate', function(ev) {
    checkout.hide();
}).data('datepicker');

当我尝试实现它时，我在控制台中得到以下信息

Uncaught TypeError: Cannot read property 'valueOf' of undefined 

我已经尝试定义日期变量，但它似乎没有什么不同。

JSfiddle:http://jsfiddle.net/56bVc/1/

期待您的帮助，但不期待随之而来的额头耳光!

Answer 1

我知道这是一个老问题。我在使用这个 https://github.com/eternicode/bootstrap-datepicker 时也遇到了同样的问题日期选择器的版本。

经过一些头痛之后，我重新编写了一些 checkin / checkout 脚本并取得了一些成功。

希望这可以帮助其他人面对同样的问题。

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

var checkin = $('#dpd1').datepicker({
    beforeShowDay: function(date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(ev) {
    if (ev.date.valueOf() > checkout.viewDate.valueOf()){
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.setDate(newDate);		
    }
    else {
        checkout.setDate(ev.date + 1);
    }
    
    checkin.hide();
    $('#dpd2')[0].focus();
}).data('datepicker');

var checkout = $('#dpd2').datepicker({
    beforeShowDay: function(date) {
        return date.valueOf() <= checkin.viewDate.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(ev) {
    checkout.hide();
}).data('datepicker');