2011-08-18 5 views
5

html5 datetime入力をスタイルすることは可能ですか?html5 datetime入力 - 値提示をスタイルすることは可能ですか?

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

このISOの日時フォーマットは、あまり読みにくくありません。 CSSや他の手段を使って、あるパターンで値の表示をフォーマットすることは可能ですか?

編集:私はちょうどこの質問はブラウザ依存していることに気づきました。たとえばOperaはこのタグを素晴らしいコントロールで実装しています。ユーザーは無効な日付を入力できません。ブラウザは適切な形式のW3C datetime文字列を生成し、それをサーバーに送信します。 Firfox 6は標準入力のみを提供し、何が入力されたかは気にしません。 Chromeにはプレーンな入力フィールドがありますが、フォームの送信前に有効なw3C文字列を入力する必要があります。

だから私の質問は、おそらくどんな意味がありません。だから私はもう一つ質問します:これらのカスタム入力フィールドの機能/プレゼンテーションを標準化するブラウザーのためのガイドラインはありますか?

+0

新しい、全く別の質問がある場合は、別途それを投稿することができますこのフラグをクローズするフラグ。 – BoltClock

答えて

2

フォームデータが提出されたら、あなたはそれをサーバー側の書式を設定することができます。書式設定クライアント側では、CSSを使用することはできませんが、入力値をDateオブジェクトにロードし、そのオブジェクトのさまざまなメソッドを使用して日付のコンポーネント(getMonth() 、getDate()、getFullYear()など)。基本的な例はhttp://jsfiddle.net/G4XGP/です。また

1

、また使用することができます

<input type="date"> 

形式 - > 2011-08-11

関連する問題