Spec-Zone.ru › Angular.js 1.8

Улучшить эту документацию Просмотреть исходный код input[date]

  1. input в модуле ng

Обзор

Ввод с проверкой и преобразованием даты. В браузерах, которые пока не поддерживают HTML5-ввод даты, будет использоваться текстовый элемент. В этом случае текст должен быть введен в формате корректной даты ISO-8601 (гггг-мм-дд), например: 2009-01-06. Поскольку многие современные браузеры пока не поддерживают этот тип ввода, важно предоставлять пользователям подсказки о ожидаемом формате ввода с помощью атрибута placeholder или метки.

Модель всегда должна быть объектом Date, в противном случае AngularJS выдаст ошибку. Некорректные Date объекты (даты, чья getTime() является NaN) будут отображаться как пустая строка.

Часовой пояс, который будет использоваться для чтения/записи Date экземпляра в модели, может быть определен с помощью ngModelOptions. По умолчанию это часовой пояс браузера.

Информация о директиве

  • Эта директива выполняется на уровне приоритета 0.

Использование

<input type="date"
       ng-model="string"
       [name="string"]
       [min="string"]
       [max="string"]
       [ng-min=""]
       [ng-max=""]
       [required="string"]
       [ng-required="string"]
       [ng-change="string"]>

Аргументы

Параметр Тип Подробности
ngModel string

Назначаемое выражение AngularJS для привязки данных.

name
(необязательно)
string

Имя свойства формы, в котором публикуется элемент управления.

min
(необязательно)
string

Устанавливает ключ ошибки проверки min, если введенное значение меньше min. Это должна быть допустимая строка даты ISO (гггг-мм-дд). Вы также можете использовать интерполяцию внутри этого атрибута (например, min="{{minDate | date:'yyyy-MM-dd'}}"). Обратите внимание, что min также добавит нативную проверку HTML5.

max
(необязательно)
string

Устанавливает ключ ошибки проверки max, если введенное значение больше max. Это должна быть допустимая строка даты ISO (гггг-мм-дд). Вы также можете использовать интерполяцию внутри этого атрибута (например, max="{{maxDate | date:'yyyy-MM-dd'}}"). Обратите внимание, что max также добавит нативную проверку HTML5.

ngMin
(необязательно)
datestring

Устанавливает ограничение проверки min на дату/строку даты ISO, до которой доходит выражение ngMin. Обратите внимание, что оно не устанавливает атрибут min.

ngMax
(необязательно)
datestring

Устанавливает ограничение проверки max на дату/строку даты ISO, до которой доходит выражение ngMax. Обратите внимание, что оно не устанавливает атрибут max.

required
(необязательно)
string

Устанавливает ключ ошибки проверки required если значение не введено.

ngRequired
(необязательно)
string

Добавляет атрибут required и ограничение проверки required к элементу, когда выражение ngRequired принимает значение true. Используйте ngRequired вместо required, если вы хотите привязать данные к атрибуту required.

ngChange
(необязательно)
string

Выражение AngularJS, которое должно быть выполнено при изменении ввода в результате взаимодействия пользователя с элементом ввода.

Пример

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/input/input%5Bdate%5D

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API