Поле 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";
Поле по умолчанию:
Дата создания
YYYY/MM/DD
В заблокированном состоянии:
Заблокированное
YYYY/MM/DD
Поле не прошло валидацию:
С ошибкой
YYYY/MM/DD
Seleact this fields
Изменённое значение mask
:
С переданными mask
YYYY_MM
Текущее состояние формы:
{}
{}