Выбор даты/месяца

Date pickers come in two orientation variations, portrait (default) and landscape. By default they are emitting input event when the day (for date picker) or month (for month picker), but with reactive prop they can update the model even after clicking year/month.

Цвета выбора даты можно установить с помощью свойств color и header-color. Если header-color не указан, заголовок будет использовать значение color .

При интеграции "выбора" в поле v-text рекомендуется использовать readonly. Это предотвратит запуск мобильных клавиатур. Чтобы сохранить вертикальную ориентацию, вы также можете скрыть заголовок выбора.

Выбор даты выставляет доступный слот, который позволяет вам подключаться к функциям сохранения и отмены. Оно поддерживать старое значение, которое может быть заменено, если пользователь отменяет событие.

If you need to display date in the custom format (different than YYYY-MM-DD) you need to use the formatting function.

Formatting dates is possible also with external libs such as Moment.js or date-fns

Вы можете указать допустимые даты с использованием массивов, объектов и функций.

Date picker can now select multiple dates with the multiple prop. If using multiple then date picker expects its model to be an array.

Вы можете указать допустимую ширину или сделать её на всю ширину.

Начиная с выбора года по умолчанию, ограничивая диапазон дат и закрывая меню выбора после выбора дня, сделайте идеальный выбор день рождения.

Вы можете наблюдать за pickerDate, который является отображаемым месяцем/годом (в зависимости от типа выбора и активного вида), чтобы выполнять некоторые действия, когда он изменяется.

Вы можете указать события, используя массивы, объекты и функции. Чтобы изменить цвет по умолчанию для события, используйте event-color prop.

Выбор даты поддерживает интернационализацию через объект JavaScript Date. Укажите тег языка BCP 47, используя locale, а затем установите первый день недели с помощью first-day-of-week .

Вы можете переопределить иконки по умолчанию, используемые в сборщике.

Выбор новой даты может быть отключён путём добавления readonly prop.

По умолчанию текущая дата отображается с помощью контурной кнопки - show-current prop позволяет удалить границу или выбрать другую дату, которая будет отображаться как текущая.

Выбор месяца имеет два варианта ориентации: портретная (по умолчанию) и альбомная.

Цвета Выбора месяца можно установить с помощью color и header-color props. Если header-color prop не указан, заголовок будет использовать значение color.

При интеграции выбора v-text-field рекомендуется использовать readonly prop. Это предотвратит запуск мобильных клавиатур. Чтобы сохранить вертикальную ориентацию, вы также можете скрыть заголовок выбора.

Сборщики выставляют доступный слот, который позволяет вам подключаться к функциям сохранения и отмены. Это будет поддерживать старое значение, которое может быть заменено, если пользователь отменяет.

Вы можете указать допустимые месяцы, используя массивы, объекты и функции.

Month pickers can now select multiple months with the multiple prop. If using multiple then the month picker expects its model to be an array.

Вы можете указать допустимую ширину или сделать её на всю ширину.

Выбор даты поддерживает интернационализацию через объект JavaScript Date. Укажите тег языка BCP 47, используя locale, а затем установите первый день недели с помощью first-day-of-week .

Вы можете переопределить значки по умолчанию.

Выбор новой даты можно отключить, добавив readonly prop.

По умолчанию текущий месяц отображается с помощью кнопки-контура - show-current prop позволяет удалить границу или выбрать другой месяц, который будет отображаться как текущий.