Как отобразить jquery datepicker ui после перезагрузки страницы?

Question

[Сергей Бурдужа]

Я знаю, что для того, чтобы отобразить datepicker, нужно задать класс к элементу div, а не input. Только проблема в том, что мне нужно отправить дату через форму и нужен именно див. И почему-то, контейнер datepicker привязан к body, а не к input, и не удобно позиционировать.

Может существует ещё какой-нибудь способ показать datepicker?

Comments

[Alex]

Добавьте демо реализации

[Сергей Бурдужа]

Alex, Я уже почти нашел ответ, нужно только проверить.


Нужно добавить поле altField, а datepicker добавить к диву, и связать их.

Answer 1

[Сергей Бурдужа]

Добавил еще input type hidden c id и полем name и связал его к datepicker, который привязан к диву.
Вот итоговый код:

if ($('html').attr('lang') === 'it-IT') {
		$.datepicker.setDefaults(
			$.extend(
				{'dateFormat': 'dd-mm-yy'},
				$.datepicker.regional['it']
			)
		);
	} else {
		$.datepicker.setDefaults(
			$.extend(
				{'dateFormat': 'dd-mm-yy'},
				$.datepicker.regional['en']
			)
		);
	}
	$('.datepicker-class').datepicker({
		minDate: 0,
		altField: "#your-date",
		beforeShowDay: $.datepicker.noWeekends,
	})