2013-02-08 73 views
4

我想讓Twitter Bootstrap timepicker工作。我的代碼如下:Twitter Bootstrap Timepicker問題

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

默認的時間從數據庫中正常顯示,但是當我點擊領域的嘗試更改的時間timepicker是空白。如果我嘗試移動小時或分鐘輸入,它們會顯示「NaN」。 AM/PM輸入一旦移動就會正確顯示。有沒有我需要調整的設置來實現這個功能?謝謝!

+0

是什麼'$(本).VAL()' –

+0

當我做到這一點,帶class = 「timepicker」 – WebDev84

回答

0

使用valuedefaultTime並分配valueinput,也將努力

<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 =「<?php echo $ album ['album_time'];?>」。它將時間顯示爲06:00 PM,因此它將作爲VARCHAR(10)保存在數據庫中。我不需要根據它進行搜索,所以我就這樣保存它。 – WebDev84

1

試試這個:defaultTime:假的,

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