Использование 24-часового времени в bootstrap timepicker

Привет im с помощьюhttp://eonasdan.github.io/bootstrap-datetimepicker/ на bootstrap, в частности пример номер 4.

Я добавил Это свойство, чтобы забрать вещь PM и иметь возможность использовать 24 системы на самом виджете:

формат: 'hh: mm',

но допустим, я выбираю 16:00 на виджете, он появляется в 04:00 на самом входе, а не в 16: 00.

Я не смог найти ничего в документации о это так, если кто-нибудь знает исправить это было бы действительно оценили.

спасибо.

11
javascript twitter-bootstrap

12 ответов

EDIT: в этой теме есть гораздо лучшие ответы, чем этот. В то время, когда я отвечал, Я только осваивал JavaScript. В частности, см. эти два.

Если вы ищете в версии разработки этого скрипта, есть функция под названием use24hours Это ищет значение true или false.

добавлять use24hours:true может сделать работу для вас. Вот так:

$(function () {
    $('#datetimepicker5').datetimepicker({
        use24hours: true
    });
});
7

используйте заглавные буквы для часов HH = 24-часовой формат HH = 12-часовой формат 

$('#fecha').datetimepicker({
   format : 'DD/MM/YYYY HH:mm'
});
31

это работает для меня:

$(function () {
    $('#datetimepicker5').datetimepicker({
        use24hours: true,
        format: 'HH:mm'
    });
});

важно: он работал только в том месте, где я использовал верхний регистр " H " в качестве формата времени.

20
$('.time-picker').timepicker({
            showMeridian: false     
        });

Это будет работать.

12

похоже, вам нужно установить опцию для формата с data-date -*. Этот пример работает для меня с поддержкой 24ч.

<div class="form-group">
    <div class="input-group date timepicker"
        data-date-format="HH:mm"
        data-date-useseconds="false"
        data-date-pickDate="false">

        <input type="text" name="" />
        <div class="input-group-addon">
            <i class="fa fa-clock-o"></i>
        </div>
    </div>
</div>
8
"YYYY-MM-DD HH:mm:ss" => 24 hours format;

"YYYY-MM-DD hh:mm:ss" => 12 hours format;

разница в букве 'H'

6

и это работает для меня:

$(function () {
    $('#datetimepicker5').datetimepicker({
        format: 'HH:mm'
    });
});
5

чтобы выбрать только время с 24-часовым форматом времени, используйте

$('#datetimepicker').datetimepicker({
            format: 'HH:mm'
 });

Если вы хотите выбрать 24-часовой формат времени с датой также, используйте

$('#datetimepicker').datetimepicker({
         format: 'MM/DD/YYYY HH:mm'
 });
4

Если вы используете bootstrap Time picker. используйте showmeridian свойство, чтобы сделать выбор времени 24 часа формат.

$('.time-picker').timepicker({
            showMeridian: false     
        });
2

это, безусловно, поможет на bootstrap timepicker

format :"DD:MM:YYYY HH:mm"
1

похоже, вам нужно установить опцию для формата с data-date -*. Этот пример работает для меня с поддержкой 24ч.

1

приведенный ниже код является правильным ответом для меня.

 $('#datetimepicker6').datetimepicker({
                    format : 'YYYY-MM-DD HH:mm'
                });
0