Поле date ​

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

• Ключевое слово date.
• WhatWG Спецификация.

Параметры ​

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:

<form-field name = "created" type="date"/>

<form-field name = "created" type="date"/>

import {FormField} from "jenesius-vue-form";

import {FormField} from "jenesius-vue-form";

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

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

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

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

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

{}

{}