2015-02-10 29 views
1

我們使用引導timepicker可我們發現here更改小時格式

現在我們正在使用它像這樣$('#timepicker1').timepicker();

所以它顯示這樣

enter image description here

timepicker

現在我們對時間格式有一些依賴關係所以我們想要的是小時如果它在si中有值ngle數字假設8所以它應該顯示爲08.

我正在看框架選項,但沒有找到任何。

+0

望着文檔,我會說這是不可能的本身。然而,你可以自己分出項目並自己添加特徵 – 2015-02-10 10:25:19

+0

@DonaldSupertramp感謝唐納德,但我沒有那麼多時間。 – 2015-02-10 10:26:51

+0

看起來像有一種方法,但猴子補丁插件。 – dfsq 2015-02-10 10:29:16

回答

1

我已經看過它,因爲那個特定的選擇器不再被維護,並且沒有你所尋求的功能,它看起來像你將不得不分叉項目,並讓你的手髒實施樣式。或者使用另一個選擇器。

就我個人而言,如果時間不夠,可以用時間間隔來說1小時,看看是否可以完成它,否則使用另一個組件。

+0

我沒有那麼多時間。你能提出一些快速解決方案嗎? – 2015-02-10 10:29:15

+0

獲得另一個組件,我沒有看過它,但你可以試試這個,http://weareoutman.github.io/clockpicker/ – 2015-02-10 10:34:25

+0

我不想遷移到其他插件。 – 2015-02-10 10:35:23

3
$('#timepicker1').timepicker().on('changeTime.timepicker', function(e) { 
    var hours=e.time.hours, //Returns a string 
     min=e.time.minutes, 
     merdian=e.time.meridian; 

    if(hours.length==1){ 
     $('#timepicker1').timepicker('setTime', '0'+hours+':'+min+' '+merdian); 

} 

我認爲這應該有所幫助。 :)

+0

首先讓我檢查一次。無論如何+1爲你。 – 2015-02-10 10:45:51

+0

它不適合我。你能不能演出小提琴? – 2015-02-10 10:50:42

+0

我剛剛意識到,即使您將時間設置爲08:40 AM,它也會顯示上午8:40。如果你真的想要這個功能轉換框架。順便說一句,我不認爲添加08會使界面看起來很好,或使其功能。祝你好運。 :) – 2015-02-10 11:06:00

2

希望我不會太晚。嘗試使用TimePicker的改變方法:

$('#timepicker1').timepicker().on('changeTime.timepicker', function(e) { 
    var timePicked = $('#timepicker1').val(); 

    if(timePicked.length < 8) 
     $('#timepicker1').val("0" + timePicked); 
}); 
0
$('#timepicker1').timepicker().on('changeTime.timepicker', function(e) { 
    var hours=e.time.hours, //Returns an integer 
     min=e.time.minutes, 
     merdian=e.time.meridian; 
    if(hours < 10) { 
     $(e.currentTarget).val('0' + hours + ':' + min+' '+merdian); 
    } 
});