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()來完成。

如果您有任何疑問，請告訴我！