У меня есть приложение для медицинских работников, обслуживающих пациентов Medicare, обычно в возрасте от 60 до 100 лет, и мы используем Eonasdan bootstrap-datetimepicker, чтобы позволить им выбирать даты рождения следующим образом:
JavaScript:
$('.birthDateTimePicker').datetimepicker({
format: 'M/D/YYYY',
maxDate: (new Date()),// used to disallow future dates
showClose: true,
viewMode: 'years'
});
HTML:
<div class="input-group birthDateTimePicker">
<input id="birthDt" name="birthDt" type="text" placeholder="Birth Date"
class="form-control col-sm-3 col-md-3 col-lg-2" required />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
Это создает дисплей, который изначально не имеет выбранной даты, но говорит: Birth date
в поле ввода. Проблема в том, что по умолчанию используется 2015 год, поэтому выбор года мучительно медленный из-за преклонного возраста большинства пациентов. Я попытался установить defaultDate так:
$('.birthDateTimePicker').datetimepicker({
defaultDate: moment().subtract(68, 'y'),
format: 'M/D/YYYY',
maxDate: (new Date()),// used to disallow future dates
showClose: true,
viewMode: 'years'
});
Но теперь вместо отображения Birth date
в поле ввода отображается фактическая дата, например 12/10/1947
, в поле ввода. Я хочу предварительно установить начальный год, НО НЕ предварительно выбрать всю дату. День рождения ОЧЕНЬ важен в медицинском лечении, которое они получают, И используется с их именем для идентификации, и ПОСЛЕДНЕЕ, что я хочу, это чтобы кто-то забыл ввести дату рождения, и поскольку она уже предварительно выбрала конкретную дату, они получают неправильный день рождения. Итак, как сделать так, чтобы медицинскому работнику было легко выбирать год, но при этом он не мог произвольно вводить неправильную дату?