В выпадающем списке при :hover появляется календарь?

Question

[maksplotnikoff]

Подскажите как реализовать лучше? Нужно чтобы был выпадающий список, типа

<select>
<option></option>
<option></option>
<option></option>
</select>

При наведении на последний option, должен появляться календарь. При перещёлкивании месяцев календарь не закрывается, но как только нажал на нужное число, значение передавалось в select. Календарь думаю взять в jQuery UI, виджет называется Datepicker. Как мне лучше всё это реализовать?

Answer 1

[iBird Rose]

а может не париться и юзать обычный датапикер типа этого? https://eonasdan.github.io/bootstrap-datetimepicker/

Comments

[maksplotnikoff]

К сожалению заказчиком поставлена задача использовать выпадающий список

Answer 2

[sergski]

Инициализируете переменную с нужной датой, выбираете последний option, после чего активируете заранее подключеный и скрытый календарь, выбираете дату, сравниваете с искомой датой (форматы дат должны быть одинаковы), если true, то вставляете в нужный option и устанавлиыаете ему selected.