Datetime input type html: — HTML: HyperText Markup Language

Leave a Comment / Html / By /

html — Как использовать ввод даты и времени?

спросил

Изменено 8 лет, 7 месяцев назад

Просмотрено 4к раз

В документации я нашел тип ввода datetime :

datetime : html5 Элемент управления для ввода даты и времени (часы, минуты, секунды и доли секунды) на основе часового пояса UTC.

datetime-local : html5 Элемент управления для ввода даты и времени без часового пояса.

Однако, когда я пытаюсь использовать один из них, я не вижу разницы между типами ввода datetime и text .

HTML

Результат

Почему тип ввода

datetime не работает должным образом?

JSFIDDLE

  • html
  • формы
  • дата-время
  • ввод

4

datetime до сих пор почти не поддерживается в современных браузерах. Я запускаю некоторые тесты, и это работает только в Chrome, и там это очень уродливо и глючно.

Вместо этого я бы порекомендовал вам использовать плагин выбора даты js.

5

Перейдите по следующей ссылке и проверьте совместимость вашего браузера. Затем используйте его

 Поддерживается
Не поддерживается
Частично поддерживается
Поддержка неизвестна
http://caniuse.com/#search=дата/время

Это связано с тем, что в последних версиях браузеров, таких как Firefox(29.0) и Chromium(34.0) еще не реализована реализация

из .

Chromium (Chrome) поддерживает datetime-local , но не datetime . Возможно, это связано с тем, что datetime требует, чтобы браузер предоставил интерфейс для выбора часового пояса вместе с датой и временем .

Я ожидаю, что поддержка будет обеспечена в следующих версиях браузеров.

по-прежнему не поддерживается большинством браузеров, либо поддержка ограничена и содержит ошибки. Полезность этого типа широко обсуждалась, и варианты использования кажутся слишком редкими, чтобы заинтересовать поставщиков браузеров. Он был помечен как «находящийся под угрозой» в HTML5 CR, а новейший CR (29апрель 2014 г.) удалил его (а также

type=datetime-local ).

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

Зарегистрируйтесь или войдите

Зарегистрироваться через Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

input type=datetime-local — локальное управление вводом даты и времени (NEW)

ⓘ input type=datetime-local — управление локальным вводом даты и времени NEW # T

вход элемент с атрибутом типа, чей значение « datetime-local » представляет элемент управления для установки значения элемента в строку представляющие местную дату и время (без часового пояса Информация).

Допустимое содержимое #

пустой (пустой элемент)

Разрешенные атрибуты #

глобальные атрибуты & название & отключен & форма & тип★ и автозаполнение и автофокус & список & мин. & Макс & шаг (плавающий) и только для чтения & обязательный & значение

ⓘ глобальные атрибуты
Любые атрибуты, разрешенные глобально.
ⓘ имя = строка #
Часть имени пары имя/значение, связанная с этим элемент для отправки формы.
ⓘ отключен = «отключен» или «» (пустая строка) или пустая #
Указывает, что элемент представляет отключенный контроль.
ⓘ форма = Идентификационная ссылка НОВЫЙ #
Значение я бы атрибут на форма с которым связать элемент.
ⓘ тип = «дата-время-местный» #
Указывает, что его вход элемент элемент управления для установки значения элемента в строку представляющие местную дату и время.
ⓘ автозаполнение = «включено» или «выключено» НОВЫЙ #
Указывает, представляет ли элемент ввод элемент управления, для которого UA предназначен для хранения введенного значения пользователем (чтобы UA мог предварительно заполнить форму потом).
ⓘ автофокус = «автофокус» или «» (пустая строка) или пустая НОВЫЙ #
Указывает, что элемент представляет элемент управления, к которому UA предназначен для того, чтобы сосредоточить внимание, как только документ загружен.
ⓘ список = Идентификационная ссылка НОВЫЙ #
Значение я бы атрибут на список данных с которым связать элемент.
ⓘ мин = местная дата и время НОВЫЙ #
Ожидаемая нижняя граница для элемента ценить.

Следующие детали точно следующий порядок:

  1. Свидание.
  2. Буквенная строка « Т «.
  3. Время.

Пример:

 1985-04-12T23:20:50.52
  1996-12-19T16:39:57
ⓘ макс = местная дата и время НОВЫЙ #
Ожидаемая верхняя граница для элемента ценить.

Следующие детали точно следующий порядок:

  1. Свидание.
  2. Буквенная строка « Т «.
  3. Время.

Пример:

 1985-04-12T23:20:50.52
  1996-12-19T16:39:57
ⓘ шаг = «Любые» или положительное число с плавающей запятой НОВЫЙ #
Задает степень детализации значения элемента ценить.
ⓘ только для чтения = «только для чтения» или «» (пустая строка) или пустая #
Указывает, что элемент представляет элемент управления, значение которого не предназначен для редактирования.
ⓘ требуется = «обязательный» или «» (пустая строка) или пустая НОВЫЙ #
Указывает, что элемент является обязательной частью формы подчинение.
ⓘ значение = местная дата и время #
Строка, представляющая локальную дату и время.

Следующие детали точно следующий порядок:

  1. Свидание.
  2. Буквенная строка « Т «.
  3. Время.

Пример:

 1985-04-12T23:20:50.52
 
  1996-12-19T16:39:57

Дополнительные ограничения и предупреждения #

  • Ввод интерактивного элемента не должен появляются как потомки элемента a.
  • Ввод интерактивного элемента не должен отображаться как потомок элемента кнопки.
  • Любой элемент ввода, потомок элемента метки с атрибутом for должен иметь Значение идентификатора, которое соответствует этому атрибуту.
  • Атрибут списка элемента ввода должен ссылаться на элемент списка данных.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *