2014-01-05 2 views
0

Я пытаюсь реализовать решение bootprap 3.x для моего сайта. Я использую eternicode Datepicker and Bootstrap3 checkin checkout решение, найденное здесь, но, похоже, не может заставить его работать.Bootstrap 3 datepicker 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'); 

ответ

0

Пожалуйста, проверьте мой jsFiddle, который имеет рабочую версию.

Я также столкнулся с проблемой, вызывающей checkin.date.valueOf(). Получение даты datepicker должно быть сделано путем вызова checkin.datepicker("getDate").valueOf().

Если у вас есть какие-либо вопросы, дайте мне знать!

Смежные вопросы