Question

我正在尝试为我的网站实施bootstrap 3.x datepicker解决方案。我在用 eternicode Datepicker and Bootstrap3 checkin checkout解决方案在此处找到，但似乎无法使其正常工作。

Firebug显示页面加载错误：

TypeError：checkin.date未定义

并且当选择了datepicker时

TypeError：chechout未定义

使用bootstrap / 3.0.3和jquery-2.0.3。我在这里做错了什么想法......？

谢谢

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

var checkin = $('#dp1').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();
    $('#dp2').focus();
}).data('datepicker');
var checkout = $('#dp2').datepicker({
    beforeShowDay: function (date) {
        return date.valueOf() > checkin.date.valueOf();
    }
}).on('changeDate', function (ev) {
    checkout.hide();
}).data('datepicker');

Answer 1

请查看我的jsFiddle，其中包含有效版本。

我也在调用checkin.date.valueOf()时遇到了麻烦。应该通过调用checkin.datepicker("getDate").valueOf()来完成检索日期选择器的日期。

如果您有任何疑问，请与我们联系！

Bootstrap 3 datepicker checkin checkout

1 个答案: