Да, это понятно. Пробовал сделать так, чтобы скрытие происходило не при потере фокуса, а, например, при клике по одной из ссылок в календаре, т.е. по какой-нибудь дате:
$('#dateDepartureInput, #dateArrivalInput').on('focus', function () {
$(this).siblings('.js-datepicker-wrap').removeClass('hidden');
});
$('a.ui-state-default').click(function () { // при клике на дату скрыть датапикер
$('.js-datepicker-wrap').addClass('hidden');
});
- не сработало.
Спасибо, действительно, не заметил. Не могли бы вы помочь узнать, почему в данном примере код не работает codepen.io/rinatoptimus/pen/XbpYrJ? Никак не разберусь...
В одном из видео от Loftblog как раз рассказывается, откуда берутся такие цифры (что-то про формулу Контекст/Результат * 100%). Название видео не помню, там в частности о том, как создавать свои адаптивные сетки. Название ролика что-то типа "Адаптивные сайты".
$(document).ready(function () {
$('#dateDepartureInput, #dateArrivalInput').datepicker({ dateFormat: 'dd/mm/yy' });
$('#dateDepartureInput, #dateArrivalInput').focus(function () {
$(this).datepicker("show");
setTimeout(function () {
$('.js-datepicker-wrap').datepicker("hide");
$('.js-datepicker-wrap').blur();
}, 2000)
})
});
Вот только выбрав дату и открыв датапикер снова, не показывает выбранную дату в календаре.