2013-02-08 2 views
4

Я пытаюсь заставить Timepicker Bootstrap Twitter работать. Мой код ниже:Twitter Bootstrap Timepicker Issue

$('.timepicker').timepicker({ 
    // defaultTime: 'current', 
    defaultTime: $(this).val(), 
    minuteStep: 1, 
    disableFocus: true, 
    template: 'dropdown' 
}); 

Время по умолчанию правильно отображая из базы данных, но когда я нажимаю на поле, чтобы попытаться изменить раз timepicker является пустым. Если я попытаюсь переместить часовые или минутные входы, они отображают «NaN». Вход AM/PM отображается правильно после перемещения. Есть ли настройка, которую мне нужно настроить, чтобы она работала? Благодаря!

+0

что '$ (это) .val()' –

+0

Значение поля с классом = "timepicker" – WebDev84

ответ

0

Использование value в defaultTime и назначить value к input и он будет работать

<input class="timepicker" type="text" class="input-small" value="00:00"> 

JQuery

$(document).ready(function(){ 
    $('.timepicker').timepicker({ 
     defaultTime: 'value', 
     minuteStep: 1, 
     disableFocus: true, 
     template: 'dropdown' 
    }); 
}); 
+0

Когда я делаю это и обновите страницу, «NaN: NaN undefined» - это то, что показано в поле. – WebDev84

+0

вы используете 'document.ready' – DON

+0

проверить мои обновления – DON

0

Вы можете попробовать обновить время по умолчанию в поле ввода

<input id="timepicker1" type="text" class="input-small" value="00:00 AM"/> 

Демо-версия: Fiddle

+0

Я вытаскиваю значение из моей базы данных хоть. Мне нужно, чтобы оно отображало значение, которое хранится. – WebDev84

+0

как вы получаете стоимость? –

+0

С PHP, а затем повторять его так ... value = "". Он отображает время как 18:00, поэтому он сохраняется как VARCHAR (10) в базе данных. Мне не нужно делать поиски на основе этого, поэтому я сохранил его таким образом. – WebDev84

1

Попробуйте это: defaultTime: ложные,

$('#time_app').timepicker({ 
    defaultTime: false, 
    minuteStep: 30, 
    showInputs: false, 
    disableFocus: true, 
    modalBackdrop: true 
});