IE の日付コンストラクターは、ブラウザ間の日付変換で NaN エラーを引き起こしますか?

IE 日付コンストラクターが NaN を返す: クロスブラウザー日付変換ソリューション

JavaScript の日付操作の領域では、特有の問題が発生します。 Internet Explorer (IE) では、Date コンストラクターが Firefox および Chrome の他のコンストラクターとは異なる動作をします。文字列から新しい Date オブジェクトを作成しようとすると、IE は NaN (数値ではない) を返しますが、他のブラウザは有効な日付を生成します。

この矛盾を理解するには、使用されている基盤となるパーサー メカニズムを詳しく調べる必要があります。各ブラウザで。 IE では、Date コンストラクターは、特定の日付形式、特に区切り文字としてカンマが含まれる日付形式に問題があります。

カレンダーを構築しようとする開発者が遭遇する具体的な例を次に示します。

<code class="javascript">function buildWeek(dateText){
    var headerDates='';
    var newDate = new Date(dateText);

    for(var d=0;d<7;d++){
        headerDates += '<th>' + newDate + '</th>';
        newDate.setDate(newDate.getDate()+1);
    }                       

    jQuery('div#headerDates').html('<table><tr>'+headerDates+'</tr></table>');
}</code>

この関数の dateText パラメータは、「m, d, Y」の形式で今週の月曜日を表します (例: "02, 01, 2010")。この形式は Firefox と Chrome ではシームレスに機能しますが、IE ではカンマ区切りの値を正しく解析できないという問題が生じます。

この問題を解決するには、より一貫性があり、ブラウザ間互換性のある形式を利用できます。日付形式。そのようなアプローチの 1 つは、コンマ区切りの文字列を離散値の配列に変換することです。これを使用して有効な Date オブジェクトを構築できます。

<code class="javascript">var dateStr="2011-08-03 09:15:11"; //returned from mysql timestamp/datetime field
var a=dateStr.split(" ");
var d=a[0].split("-");
var t=a[1].split(":");
var date = new Date(d[0],(d[1]-1),d[2],t[0],t[1],t[2]);</code>

この例では、dateStr 変数は日付を表し、 MySQL データベースから「YYYY-MM-DD HH:MM:SS」形式で取得された時刻。この文字列をコンポーネント部分に分割し、Date コンストラクターに個別に渡すことで、ブラウザ間で変換が一貫して処理されるようにします。

このソリューションは、ブラウザ間の日付解析の不一致に対処し、buildWeek 関数で次のことを可能にします。 Internet Explorer を含むすべての主要なブラウザでシームレスに動作します。

以上がIE の日付コンストラクターは、ブラウザ間の日付変換で NaN エラーを引き起こしますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。