ВЫБОР ДАТ, КОТОРЫЙ ПОНЯТЕН

Календарь под вашу задачу

Попробуйте настоящий Vanilla Calendar Pro. Настройте сценарий и заберите рабочий пример — бесплатно, без регистрации.

Vanilla Calendar Pro · 3.4.0

С чего начнём?

7 СЦЕНАРИЕВ

Смена сценария очищает выбор и неприменённые изменения. Язык, тема и применённые ограничения сохраняются.

Выберите дату

РЕЗУЛЬТАТ

Выберите дату в календаре.

Даты сохраняются в формате ГГГГ-ММ-ДД без сдвига часового пояса.


Настройте календарь





Пустые поля — без дополнительного ограничения. Поддерживаются 1970–2100 годы.


ГГГГ-ММ-ДД, через запятую или новую строку. До 366 дат. В диапазоне нельзя пересечь закрытую дату.


Настройки применены.


Темы и язык меняются сразу. Ограничения применяются кнопкой. Выбор, ставший недоступным, снимается.


Повторите в своём проекте
Код соответствует применённым настройкам. Для npm / Vite: установите библиотеку, добавьте HTML и этот модуль.
JavaScript / TypeScript
HTML и оформление
Скачать готовый HTMLСохранить настройки · JSON
HTML работает самостоятельно без CDN; в него включены библиотека и CSS. JSON сохраняет настройки и выбор для нашей мастерской.


Как использовать результат
01 · Примерьте сценарий
Проверьте выбор даты, диапазона или времени. Посмотрите, как ограничения влияют на доступные дни.
02 · Настройте вид
Выберите тему, язык и начало недели. Примените границы и исключения; ошибки будут показаны рядом.
03 · Заберите пример
Откройте скачанный HTML или перенесите модуль в проект. При размонтировании вызывайте calendar.destroy().
Это демонстрация выбора даты. Запись на услугу, проверка занятости и хранение встреч требуют вашего серверного приложения.