html5 datetime input - возможно ли стилизовать представление значений?

Question

Можно ли стилизовать ввод даты и времени в формате html5?

<input type="datetime" value="2011-08-18T16:49Z">

Этот формат даты и времени ISO не слишком читаемый.Можно ли отформатировать представление значения с помощью некоторого шаблона, используя CSS или каким-либо другим способом?

РЕДАКТИРОВАТЬ: Я только что понял, что этот вопрос зависит от браузера.Например, Opera реализует этот тег с хорошим элементом управления, где пользователь просто не может ввести недопустимую дату.Затем браузер сгенерирует правильно отформатированную строку даты и времени W3C и отправит ее на сервер.Firfox 6 предоставляет только стандартный ввод и не заботится о том, что вводится вообще.Chrome имеет простое поле ввода, но требует ввода правильной строки w3C до отправки формы.

Так что мой вопрос, вероятно, не имеет никакого смысла.Поэтому я задам еще один вопрос: существуют ли какие-либо рекомендации для браузеров, которые стандартизируют функциональность / представление этих настраиваемых полей ввода?

Answer 1

После отправки данных формы вы можете отформатировать их на стороне сервера.Если вы хотите выполнить форматирование на стороне клиента, вы не можете использовать CSS, но вы можете использовать javascript, загрузив входное значение в объект Date и используя различные методы этого объекта для возврата компонентов даты (getMonth (), getDate (), getFullYear () и т. д.).Вы можете увидеть базовый пример на http://jsfiddle.net/G4XGP/.

Answer 2

Кроме того, вы также можете использовать:

<input type="date">

формат -> 2011-08-11