2012-03-25 12 views
2

html5 <time>タグはブラウザでよくサポートされていますか? (どのブラウザ) 「yyyy-MM-ddTHH:mm:ss」形式を日付オブジェクトに変換するためのJavaScript関数はありますか?html5 <time>タグのサポート

<time id="tt" datetime="2012-03-04T15:06:17Z">The time</time> 
<script type="text/javascript"> 
window.onload = function() { 
    var tt = document.getElementById("tt"); 
    var d = tt.datatime; //This is undefined 
    var s = tt.getAttribute("datetime"); //ok, return string 
}; 
+2

var d = tt.datatime;日付の代わりにデータを入力したことに注意してください - それは問題ですか? –

答えて

4

ブラウザサポートテーブルについては、thisを参照してください。あなたはDateオブジェクトを取得するには、次のコンストラクタを使用することができます。

new Date(dateString) 

日付と背中に文字列を変換しthisフィドルを参照してください。

+0

Operaは 'time'要素の' valueAsDate'プロパティをサポートしています。これは、対応するDateオブジェクトを取得する便利な方法を提供します。少なくとも1つのWebサイト(http://html5test.com/)では、ブラウザのサポートをテストする際にその動作が必要なようですが、最新バージョンの仕様でその要件が見つからないため、おそらく削除されていました。 – Brilliand

+0

さて、仕様の最新バージョン(http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-time-element)に見えるものが見つかりました。 - それは(あまり有用ではない) 'dateTime'プロパティを指定し、Firefox 20はそれをサポートするようには見えないので、私はそのブラウザサポートテーブルを質問しています。また、JSをhtml5test.comで調べたところ、間違っていたようだ。特定の動作を必要とせず、ブラウザが要素を認識したと思っているかどうかを確認するだけだ。 – Brilliand

1

W3Schools: time tagページによれば、timeタグをサポートする主要なブラウザはありません。

次のJavascriptを使用して日付文字列を解析します。 W3Schools: Date Objectページ

new Date(dateString) 
+8

w3schoolsは[たくさんのことを言っています](http://w3fools.com/)... w3schoolsはW3Cと提携していないことに注意してください。 – JJJ

関連する問題