Calendar

Свойства

  • value (Date | string | null):
    Значение даты, которое может быть передано как объект Date или строка. Если строка, она преобразуется в объект Date. Если null, календарь отображает текущую дату.
  • interval (null | {start: Date | null, end: Date | null}):
    Диапазон дат, который может быть выделен в календаре. Поля start и end указывают начало и конец интервала соответственно.
  • withTime (boolean):
    Если true, календарь будет включать поле ввода времени (часы и минуты).
  • timePlaceholder (string):
    Текст-заполнитель для поля ввода времени, например, '00:00'. Используется, если включен параметр withTime.
  • onInput *(function(date: Date)):
    Обработчик, вызываемый при выборе даты. Передает объект Date с выбранной датой.

События

  • prevHandler:
    Обработчик клика для кнопки "Предыдущий месяц". Уменьшает текущий месяц на один.
  • nextHandler:
    Обработчик клика для кнопки "Следующий месяц". Увеличивает текущий месяц на один.
  • monthHandler (InputEvent):
    Обработчик изменения месяца через выпадающий список. Обновляет отображаемый месяц в календаре.
  • yearHandler (InputEvent):
    Обработчик изменения года через выпадающий список. Обновляет отображаемый год в календаре.
  • selectHandler (Date):
    Обработчик выбора конкретного дня в календаре. Обновляет выбранную дату с учетом текущих времени и интервала.
  • timeBlurHandler:
    Обработчик, который вызывается при потере фокуса на поле времени. Преобразует введенное время в часы и минуты и обновляет выбранную дату.
  • timeFocusHandler:
    Обработчик фокуса на поле времени. Автоматически выделяет всё содержимое поля при получении фокуса.
  • timeKeyDownHandler:
    Обработчик для событий клавиш в поле времени.

Внутренние функции

  • parseTime(time: string):
    Преобразует строку времени (например, '1300' или '13:00') в объект с полями hours и minutes. Если введено некорректное время, возвращает null.
  • select(date: Date):
    Вызывает переданный обработчик onInput с обновленной датой.

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании