Skip to content

Поле date

Поле используется для выбора даты и обрабатывает время в ISO формате.

Параметры

placeholder Необязательный

  • Тип string Строковая метка, отображается, когда в поле нет данных.

mask Необязательный

  • Тип string.
  • По умолчанию: YYYY/MM/DD.

Маска задаёт формат отображение даты. Маска может состоять из символов любых символов, однако ключевыми являются Y, M, D, H и h. На их позицию будут подставлены соотвествующие значений.


Так же все параметры, общие для всех FormField. Информацию о них можно посмотреть на этой странице.

Значение

Значение поля выступает строка соответсвующая упрощённому расширенному ISO формату (ISO 8601).

Спецификация

  • Поле доступно при использовании Tab и Shift + Tab.
  • Ввод даты возможно используя поле ввода.
  • Для выбора даты доступен дополнительный контроллер: календарь.
  • Календарь не должен быть доступен для Tab или Shift + Tab.
  • Блокировка полей отменяет навигацию используя Tab. Также происходит изменение стилистики date.
  • При неудачной валидации поле должно изменить стилистику date.

Примеры

Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type и name:

html
<form-field name = "created" type="date"/>
<form-field name = "created" type="date"/>
ts
import {FormField} from "jenesius-vue-form";
import {FormField} from "jenesius-vue-form";

Поле по умолчанию:

Дата создания

YYYY/MM/DD


В заблокированном состоянии:

Заблокированное

YYYY/MM/DD


Поле не прошло валидацию:

С ошибкой

YYYY/MM/DD

Seleact this fields


Изменённое значение mask:

С переданными mask

YYYY_MM



Текущее состояние формы:

ts
{}
{}

Released under the MIT License.