2014-02-18 3 views
25

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

$(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 часов в поле ввода?

+0

удалить этот pick12HourFormat и проверить –

ответ

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

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

+1

Что в этом плохого? – Benjam

+0

Ах так просто, я просто предположил, что часть работает, так как я видел правильный формат 24 во время выбора времени. – RegDHunter

29

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

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

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

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

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

}); 
0

Вы также можете использовать параметры "use24hours" и "языка", чтобы сделать это следующим образом:

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

3

С секунд!

$('.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) 
    }); 
}); 
3

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

чч

.

Я вижу его из: http://www.malot.fr/bootstrap-datetimepicker/

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

Я надеюсь, что кто-нибудь может сказать мне, если я m неправильный .....

6

Только это!

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

}); 

я использовать v4 и хорошо работать !!

2

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

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

Опишите, что это за исправление. StackOverflow не любит ответы только на код, потому что это затрудняет для людей определение намерения, и даже если вообще стоит изучить код. Если вы говорите, что он делает и как он решает проблему, люди могут понять, хотят ли они инвестировать время в ваш ответ. Я понимаю, что для вас и для меня кажется очевидным, что делает эта одна строка кода, но это не будет для всех, кто может просматривать ответы. – clearlight

0

Я знаю, что прошло довольно много времени с тех пор, как был задан вопрос. Однако, если это помогает кому-то, это сработало для меня.

$(function() { 
    $('.datetimepicker').datetimepicker({ 
     format: 'MM-DD-YYYY HH:mm ' 
    }); 
}); 
Смежные вопросы