Установить время по умолчанию в 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>