2015-02-10 1 views
1

Мы используем Bootstrap timepicker, которые мы можем найти hereИзменение часового формата в Bootstrap timepicker

Теперь мы используем его как этот $('#timepicker1').timepicker();

Так он показывает timepicker таким образом

enter image description here

Теперь у нас есть некоторые зависимости от формата времени. Итак, мы хотим, чтобы час часть, если она имеет значение в si ngle digit Предположим, 8 так что он должен отображаться как 08.

Я смотрю параметры рамки, но не нашел.

+0

Глядя на документы, я бы сказал, что это невозможно изначально. Однако вы могли бы разветвить проект и включить эту функцию самостоятельно. –

+0

@ DonaldSupertramp Спасибо Дональд, но у меня нет такого количества времени. –

+0

Похоже, что есть способ, но плагин для обезьян-патчей. – dfsq

ответ

1

Я посмотрел на него, поскольку этот конкретный сборщик больше не поддерживается и не имеет функциональности, которую вы ищете. Похоже, вам придется разветвить проект и получить руки грязными, реализуя стиль. Или используйте другой сборщик.

Лично я бы сказал, что 1 час и посмотреть, сможете ли вы это сделать, если вам не хватает времени, иначе используйте другой компонент.

+0

У меня не так много времени. Можете ли вы предложить мне какое-то быстрое решение. –

+0

получить еще один компонент, я не смотрел на него, но вы могли бы попробовать это, http://weareoutman.github.io/clockpicker/ –

+0

Я не хочу переходить на другой плагин. –

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 для вас. –

+0

он не работает для меня. Можете ли вы показать скрипку. –

+0

Я просто понял, что даже если вы установите время как 08:40, оно отобразится 8:40. если вам действительно нужна эта функция. Кстати, я не думаю, что добавление 08 сделает пользовательский интерфейс хорошим или сделает его функциональным. Удачи. :) –

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); 
    } 
});