Bootstrap 3 datepicker checkin checkout

Question

我想为我的网站实施bootstrap 3.x datepicker解决方案。我正在使用 eternicode Datepicker and Bootstrap3 checkin checkout解决方案在这里找到，但似乎无法得到它的工作。

萤火虫显示上的页面加载错误：

类型错误：checkin.date未定义

和被选择日期选择器当

类型错误：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()来完成。

如果您有任何疑问，请告诉我！