Как установить дату по умолчанию в Bootstrap 3 Date / Time Picker на основе текущего значения ввода, чтобы оно отображалось при первом использовании

Я пытаюсь интегрировать Bootstrap 3 Date / Time Picker v4.17.42 в веб-страницу. У меня есть текстовое поле, которое предварительно заполнено датой перед вызовом datepicker.

Поле выглядит следующим образом.

<input value="19/02/1986" class="form-control datepicker" type="text" name="patient[date_of_birth]" id="patient_date_of_birth">

и я так называю datepicker;

$('.datepicker').datetimepicker({
format: 'DD/MM/YYYY',
useCurrent: false,
maxDate: new Date(),
minDate: now.setFullYear(now.getFullYear() - 110)

});

Когда я нажимаю в текстовом поле, появляется датапикер, но он показывает текущий месяц, а не февраль 1986 года. Если я выхожу из поля, а затем снова вернусь, датапикер исчезнет, ??а затем снова появится правильно в феврале 1986 года.

Что мне нужно сделать, чтобы правильный месяц появился при первом открытии datepicker?

javascript,twitter-bootstrap-3,eonasdan-datetimepicker,

1

Ответов: 3


0

Вы можете принудительно обновить программу после инициализации:

$('.datepicker').datetimepicker('setDate', new Date(1986, 02, 19));
$('.datepicker').datetimepicker('update');

Вы также можете добавить свойство объекта при инициализации:

 setDate: new Date(1986, 02, 19)

0

Чтобы использовать данные по умолчанию, попробуйте это

$("#datepicker").datepicker("setDate", new Date());

В этом скрипте новая Date () возвращает текущее значение, которое будет присвоено атрибуту setDate.


0

Как вы сказали, это ошибка в последних версиях, отслеживаемая здесь: github.com/Eonasdan/bootstrap-datetimepicker/issues/1831

Тем не менее, я нашел работу вокруг, которая может быть полезна в то же время (если вы не хотите использовать версию 4.17.37):

var selectedDate = moment($('#patient_date_of_birth').val(), 'DD/MM/YYYY');
$('#patient_date_of_birth').data('DateTimePicker').viewDate(selectedDate);

Сделайте это после инициализации датпикера.

Это синтаксис, необходимый жесткому обновлению представления для этого конкретного параметра datepicker. Вы получаете доступ к сборщику через data('DateTimePicker'), а viewDate()метод обновляет дату, отображаемую сборщиком.

JavaScript, твиттер-самозагрузка-3, eonasdan-DateTimePicker,
Похожие вопросы