DateTimePicker таймер в 24 часа, но отображение в 12 часов?

Я использую команду выбора даты готовности к загрузке из http://eonasdan.github.io/bootstrap-datetimepicker/, и она работает хорошо, но для одной проблемы. У меня есть настройка выбора времени от времени так:

$(function () {
    $('#startTime, #endTime').datetimepicker({
        format: 'hh:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

Это устанавливает сборщик в 24 часа, поэтому я могу выбрать 19:00 как время. Но когда я выбираю это время, он отображается как 07:00 в поле ввода. Вот настройка, показывающая сборщик:

    <div class="input-group date timePicker" id="endTime">
        <input type='text' class="form-control" readonly="true"
            id="endTimeContent" /> <span class="input-group-addon"><span
            class="glyphicon glyphicon-time"></span> </span>
    </div>

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

Ответы

Ответ 1

Поскольку сборщик script использует moment.js для анализа строки формата, вы можете прочитать docs там для правильных строк формата.

Но для 24-часового времени используйте HH вместо HH в формате.

$(function () {
    $('#startTime, #endTime').datetimepicker({
        format: 'HH:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

Ответ 2

$(function () {
    $('#startTime, #endTimeContent').datetimepicker({
        format: 'HH:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

ваш селектор, кажется, ошибается, пожалуйста, проверьте его

Ответ 3

Чтобы показать правильный формат 24H, например, поместите

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

});

Ответ 4

Только это!

$(function () {
    $('#date').datetimepicker({
         format: 'H:m',
    });

});

Я использую v4 и хорошо работаю.

Ответ 5

С секунд!

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

Чтобы пропустить будущие даты:

$(function () {
    var date = new Date();
    var currentMonth = date.getMonth();
    var currentDate = date.getDate();
    var currentYear = date.getFullYear();
    $('#datetimepicker,#datetimepicker1').datetimepicker({
        pickTime: false,
        format: "DD-MM-YYYY",  
        maxDate: new Date(currentYear, currentMonth, currentDate + 1)
    });
});

Ответ 6

Я не понимаю, почему другие друзья говорят вам использовать HH, но после того, как я проведу столько времени, правильный 24-часовой формат:

чч

Я вижу это от: http://www.malot.fr/bootstrap-datetimepicker/

Я не знаю, почему они не используют общий тип HH в течение 24 часов.....

Я надеюсь, что кто-нибудь скажет мне, если я ошибаюсь.....

Ответ 7

Меридиан относится к AM/PM, устанавливая его на false, вы указываете, что не хотите AM/PM, поэтому вы хотите, чтобы 24-часовые часы были неявно.

$('#timepicker1').timepicker({showMeridian:false});

Ответ 8

Вы также можете использовать параметры " use24hours" и " язык", как показано ниже:

$(function () {
    $('.datetime').datetimepicker({
        language: 'pt-br',
        use24hours: true,
    });
});