Установить время по умолчанию в bootstrap-datetimepicker
Я хочу установить время по умолчанию в этой настройке даты и времени как 00:01 для текущей даты. Кто-нибудь пробовал это раньше? Тяжело с этим. Это кажется простым.
$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm'
});
Мне нужно использовать setDate
, но я не уверен, как. Я проверил их код, но не нашел для этого параметра.
Ответы
Ответ 1
Установите значение ввода по умолчанию в соответствии с этой проблемой GitHub.
HTML
<input type="text" id="datetimepicker-input"></input>
JQuery
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var output = d.getFullYear() + '/' +
(month<10 ? '0' : '') + month + '/' +
(day<10 ? '0' : '') + day;
$("#datetimepicker-input").val(output + " 00:01:00");
jsFiddle
Источник данных JavaScript
РЕДАКТИРОВАТЬ - setLocalDate/setDate
var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear();
$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm'
});
$("#startdatetime-from").data('DateTimePicker').setLocalDate(new Date(year, month, day, 00, 01));
jsFiddle
Ответ 2
Ни одно из вышеперечисленных не работало для меня, однако я успел установить значение по умолчанию во время создания экземпляра.
JQuery
<script type="text/javascript">
$(function () {
var dateNow = new Date();
$('#datetimepicker').datetimepicker({
defaultDate:dateNow
});
});
</script>
Ответ 3
Для использования datetime из входного значения просто установите параметр useCurrent в false и установите значение date
$('#datetimepicker1').datetimepicker({
useCurrent: false,
format: 'DD.MM.YYYY H:mm'
});
Ответ 4
Я попытался установить время по умолчанию для сборщика, и он сработал:
$('#date2').datetimepicker({
format: 'DD-MM-YYYY 12:00:00'
});
это будет сохранено в базе данных как: 2015-03-01 12:00:00
используется для smalldatetime
типа в сервере sql
Ответ 5
Это работает для меня:
<script type="text/javascript">
$(function () {
var dateNow = new Date();
$('#calendario').datetimepicker({
locale: 'es',
format: 'DD/MM/YYYY',
defaultDate:moment(dateNow).hours(0).minutes(0).seconds(0).milliseconds(0)
});
});
</script>
Ответ 6
используйте это после инициализации
$('.form_datetime').datetimepicker('update', new Date());
Ответ 7
Это мое решение для вашей проблемы:
$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm'
}).on('dp.change', function (e) {
var specifiedDate = new Date(e.date);
if (specifiedDate.getMinutes() == 0)
{
specifiedDate.setMinutes(1);
$(this).data('DateTimePicker').date(specifiedDate);
}
});
Это также работает для установки часа по умолчанию или обоих.
Обратите внимание, что этот пример кода также работает с параметром useCurrent: false
.
Когда пользователь выбирает дату, мы проверяем, равна ли минута 0 (жестко заданное значение по умолчанию). В этом случае мы устанавливаем 1. Затем пользователь не может выбрать 0.
Ответ 8
Я решил свою проблему следующим образом
$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm',
defaultDate:new Date()
});
Ответ 9
У Momentjs.com есть хорошая документация о том, как манипулировать датой/временем по отношению к текущему моменту. Поскольку Momentjs требуется для Datetimepicker, он может также использовать его.
var startDefault = moment().startof('day').add(1, 'minutes');
$('#startdatetime-from').datetimepicker({
defaultDate: startDefault,
language: 'en',
format: 'yyyy-MM-dd hh:mm'
});
Ответ 10
Используя Moment.js, я могу установить время по умолчанию
var defaultStartTime = moment(new Date());
var _startTimeStr = "02:00 PM"
if (moment(_startTimeStr, 'HH:mm a').isValid()) {
var hr = moment(_startTimeStr, 'HH:mm a').hour();
var min = moment(_startTimeStr, 'HH:mm a').minutes();
defaultStartTime = defaultStartTime.hours(hr).minutes(min);
}
$('#StartTime').datetimepicker({
pickDate: false,
defaultDate: defaultStartTime
});
Ответ 11
Здравствуйте, разработчики,
Пожалуйста, попробуйте этот код
var default_date= new Date(); // or your date
$('#datetimepicker').datetimepicker({
format: 'DD/MM/YYYY HH:mm', // format you want to show on datetimepicker
useCurrent:false, // default this is set to true
defaultDate: default_date
});
если вы хотите установить дату по умолчанию, тогда установите для useCurrent значение false, иначе методы setDate или defaultDate не будут работать.
Ответ 12
Это работает для меня. Я должен использовать специальный формат даты, например, "ГГ-ММ-дд чч: мм" или "ГГГГ-ММ-дд чч: мм"
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-dd hh:mm',
defaultDate: new Date()
});
Ответ 13
Это работает для меня после долгих часов поиска. Это решение для Bootstrap datetimepicker версии 4., когда вам нужно установить дату по умолчанию в поле ввода.
HTML
"input type='text' class="form-control" id='datetimepicker5' placeholder="Select to date" value='<?php echo $myDate?>'// $myDate is having value '2016-02-23' "
Примечание. Если вы кодируете в php, вы можете установить значение поля даты ввода с помощью php, но datetimepicker устанавливает его обратно в текущую дату, когда вы применяете к нему функцию datetimepicker(). Поэтому, чтобы предотвратить его, используйте данный код JS
JAVASCRIPT
<script>
$('#datetimepicker5').datetimepicker({
useCurrent: false //this is important as the functions sets the default date value to the current value
,format: 'YYYY-MM-DD'
});
</script>