Установить дату по умолчанию Bootstrap Datepicker

Как установить дату по умолчанию в Bootstrap Datepicker?

Я хочу установить дату: 24/12/2006

Когда я открываю datepicker, он должен показывать мне этот выбор даты в календаре.

код:

$(function()
{

    $('#dob').datepicker(
    {
        <!--viewMode: "years",-->
        onRender: function(date) 
        {
         //return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }       
    }
    );
});

Вот скрипка:

http://jsfiddle.net/ymp5D/204/

Ответы

Ответ 1

Вы можете сделать:

$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');

Скриншот Демо

Ответ 2

Если вы хотите сделать изменение глобальным, найдите в bootstrap-datepicker.js следующее:

function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());

и жесткий код в вашей дате, например:

function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);

который откроется 1 января 2006 года. Обратите внимание, что почему-то январь равен "00", а не "01".

Ответ 3

Это работает для меня после долгих часов поиска. Это решение для 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>

Ответ 4

В моей версии, если вы поместили val во вход, календарь будет обновлен автоматически.

$('#birthdate').val("01/01/2001");

Ответ 5

Выше принятое решение статично. Чтобы помочь другим, у которых есть новейшие файлы, если у вас есть версия 4 или новее, и вы хотите вызвать метод, вот пример метода bootstrap datetimepicker:

$('#eventDate').data("DateTimePicker").date(moment(date).format('YYYY-MM-DD'));

bootstrap.datetimepicker format Опция:

 $('#eventDate').datetimepicker({ format: 'YYYY-MM-DD' });

Подробнее см. здесь (но без действительного образца:)): http://eonasdan.github.io/bootstrap-datetimepicker/Options/

Ответ 6

Я хотел установить дату при запуске, и упомянутые методы не сработали. Дата была показана, но когда я нажал на объект, дата не была выбрана.

Итак, я сделал поиск объекта Datepicker библиотеки и применил к нему метод _setDate:

$('#dob').data("datepicker")._setDate(date);

Но для того, чтобы это сработало, объект даты должен быть в полночь по времени UTC, поэтому прежде чем я это сделал:

var date = new Date();
date.setUTCHours(0,0,0,0);

И потом это сработало.

Ответ 7

вы можете просто присвоить значение (с вашим тегом ввода, и он должен работать

<input type="text" class="form-control" value="22-05-2017">