Включить возможность выбора времени
При обновлении с версии без расширений сохраните прежние опции и обработчики. Для ESM добавьте именованный импорт и зарегистрируйте time в конструкторе: extensions: [time]. Вызывать расширение как функцию не нужно. Импорт или регистрация сами по себе не включают функцию.
import { Calendar, time } from 'vanilla-calendar-pro';
new Calendar('#calendar', {
extensions: [time],
selectionTimeMode: 24,
}).init();По умолчанию выбор времени отключен, но можно легко включить его и настроить в соответствии с вашими потребностями.
12-часовой день с AM/PM
Вы можете включить 12-часовой формат времени и добавить маркеры AM/PM.
24-часовой день
Если вам нужен 24-часовой формат времени без AM/PM, вы можете настроить его следующим образом.
Установка собственного времени
Вы можете установить начальное время при инициализации календаря. Для 24-часового дня маркер AM/PM прописывать не нужно.
Управление диапазоном времени
Вы можете установить возможный диапазон времени.
Управление шагом времени
Помимо всего прочего, вы можете настроить шаг времени для минут и часов. Также можно отключить возможность ручного ввода времени в поле ввода.