Простой календарь выбора даты на JS

Для работы календаря требуется подключенный JQuery UI.

Собственно заходим на http://code.jquery.com/ui/ и выбираем версию, которая больше нравится.

Далее подключаем его:

Обратите внимание, что smoothness — это название темы (в зависимости от используемой темы будет по разному выглядеть календарь)

В вёрстку пихаем какой-нибудь инпут, под которым должен появляться календарь при клике:

Ну и собственно JS:

Здесь $.datepicker.regional.ru — это по сути перевод календаря на русский язык.

В вызове minDate и maxDate используются для ограничения выбора дат в рамках интервала от minDate до maxDate.

Полная документация по календарику находится здесь.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *