41

JSONイベントフィードから日付を解析していますが、IE7/8では日付に「NaN」と表示されています。

// Variable from JSON feed (using JQuery's $.getJSON)
var start_time = '2012-06-24T17:00:00-07:00';

// How I'm currently extracting the Month & Day
var d = new Date(start_time);
var month = d.getMonth();
var day = d.getDate();

document.write(month+'/'+day);// "6/24" in most browsers, "Nan/Nan" in IE7/8

私は何が間違っているのですか？ありがとう！

4

5 に答える 5

68

古いブラウザでは、文字列を解析する関数を作成できます。

これはDate.fromISOメソッドを作成します-ブラウザがISO文字列から正しい日付をネイティブに取得できる場合は、ネイティブメソッドが使用されます。

一部のブラウザはそれを部分的に正しくしましたが、間違ったタイムゾーンを返したため、NaNをチェックするだけではうまくいかない場合があります。

ポリフィル：

(function(){
    var D= new Date('2011-06-02T09:34:29+02:00');
    if(!D || +D!== 1307000069000){
        Date.fromISO= function(s){
            var day, tz,
            rx=/^(\d{4}\-\d\d\-\d\d([tT ][\d:\.]*)?)([zZ]|([+\-])(\d\d):(\d\d))?$/,
            p= rx.exec(s) || [];
            if(p[1]){
                day= p[1].split(/\D/);
                for(var i= 0, L= day.length; i<L; i++){
                    day[i]= parseInt(day[i], 10) || 0;
                };
                day[1]-= 1;
                day= new Date(Date.UTC.apply(Date, day));
                if(!day.getDate()) return NaN;
                if(p[5]){
                    tz= (parseInt(p[5], 10)*60);
                    if(p[6]) tz+= parseInt(p[6], 10);
                    if(p[4]== '+') tz*= -1;
                    if(tz) day.setUTCMinutes(day.getUTCMinutes()+ tz);
                }
                return day;
            }
            return NaN;
        }
    }
    else{
        Date.fromISO= function(s){
            return new Date(s);
        }
    }
})()

結果：

var start_time = '2012-06-24T17:00:00-07:00';
var d =  Date.fromISO(start_time);
var month = d.getMonth();
var day = d.getDate();

alert(++month+' '+day); // returns months from 1-12
于 2012-06-13T18:43:18.583 に答える
25

ie7 / 8の場合、私はちょうどしました：

var ds = yourdatestring;
ds = ds.replace(/-/g, '/');
ds = ds.replace('T', ' ');
ds = ds.replace(/(\+[0-9]{2})(\:)([0-9]{2}$)/, ' UTC\$1\$3');
date = new Date(ds);

これにより、出現するすべての「-」が「/」に置き換えられ、タイムマーカー「T」がスペースに置き換えられ、タイムゾーン情報がIEに適した文字列に置き換えられ、IE7/8が文字列から日付を正しく解析できるようになります。私のためにすべての問題を解決しました。

于 2013-07-24T09:09:41.503 に答える
5

日付がIE8とIE9+で異なる、toJSON（）の結果に関するRobGの投稿を参照してください。

以下の関数は、IE8以下で機能しました。

// parse ISO format date like 2013-05-06T22:00:00.000Z
function convertDateFromISO(s) {
  s = s.split(/\D/);
  return new Date(Date.UTC(s[0], --s[1]||'', s[2]||'', s[3]||'', s[4]||'', s[5]||'', s[6]||''))
}

以下のようにテストできます。

var currentTime = new Date(convertDateFromISO('2013-05-06T22:00:00.000Z')).getTime();
alert(currentTime);
于 2014-09-19T02:34:22.100 に答える
3

クロスブラウザの日付の問題については、 http：//momentjs.com/をお勧めします。

于 2013-10-18T19:28:37.417 に答える
1

@gibMoment.jsでの提案に感謝します。この小さなライブラリは、日付とJavaScriptの処理に非常に役立ちます。

Moment.jsは、私も抱えていた元の質問で説明されている問題を解決しました。IE8は、新しいDate（）オブジェクトに解析されたときに、JSONISO日付をNaNとして表示していました。

クイックソリューション（ページにmoment.jsを含めるか、コードをjs関数にコピーします）

JSON ISO日付からロードされた日付をページに表示する必要がある場合は、次のようにします。

order_date = moment(data.OrderDate); //create a "moment" variable, from the "data" object in your JSON function in Protoype or jQuery, etc.

$('#divOrderDate).html(order_date.calendar()); //use Moment's relative date function to display "today", "yesterday", etc.

また

order_date = moment(data.OrderDate); //create a "moment" variable, from the "data" object in your JSON function in Protoype or jQuery, etc.

$('#divOrderDate).html(order_date.format('m/d/YYYY')); //use Moment's format function to display "2/6/2015" or "10/19/2014", etc.

Date（）オブジェクトが必要な場合（たとえば、jQueryコンポーネントで使用する場合）、次の手順を実行して、JSONで提供されるISO日付を正常に入力します。（これは、JSONデータを処理する関数の内部に既にいることを前提としています。）

var ship_date = new Date(moment(data.ShipDate).format('m/d/YYYY'));  //This will successfully parse the ISO date into JavaScript's Date() object working perfectly in FF, Chrome, and IE8.

//initialize your Calendar component with the "ship_date" variable, and you won't see NaN again.
于 2014-09-28T17:35:58.850 に答える