Javascript JSON Date parse in IE7/IE8 returns NaN
j'analyse une date à partir d'un flux d'événements JSON - mais la date indique " NaN "dans IE7 / 8:
// 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
Qu'est-ce que je fais de mal? Merci!
5 réponses
dans les navigateurs plus anciens, vous pouvez écrire une fonction qui analysera la chaîne pour vous.
celui-ci crée une Date.méthode fromISO - si le navigateur peut nativement obtenir la date correcte à partir d'une chaîne ISO, la méthode native est utilisée.
certains navigateurs l'ont en partie bien fait, mais ont retourné le mauvais fuseau horaire, donc juste vérifier pour NaN ne peut pas faire.
Polyfill:
(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);
}
}
})()
résultat:
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
pour ie7 / 8 je viens de faire:
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);
remplace toutes les occurrences de " - "par"/", marqueur de temps" T " par un espace et remplace l'information de fuseau horaire par une chaîne de caractères qui permet à IE7/8 d'analyser correctement les Dates à partir des chaînes. Résolu tous les problèmes pour moi.
voir le post de RobG à le résultat de toJSON() à une date est différent entre IE8 et IE9+ .
ci-dessous la fonction a fonctionné pour moi dans IE 8 et ci-dessous.
// 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]||''))
}
vous pouvez tester comme ci-dessous:
var currentTime = new Date(convertDateFromISO('2013-05-06T22:00:00.000Z')).getTime();
alert(currentTime);
je suggère http://momentjs.com/ pour la croix-navigateur date de problèmes.
@gio Merci pour la suggestion sur le Moment.js. Cette petite bibliothèque aide vraiment à traiter les dates et JavaScript.
Moment.js a résolu le problème décrit dans la question originale que j'avais aussi. IE8 affichait les dates ISO de JSON en tant que NaN lorsqu'il était divisé en un nouvel objet Date ().
solution rapide(inclure le moment.js dans une page web, ou de copier le code dans votre js fonctions comprennent)
If vous avez juste besoin d'afficher une date sur votre page, chargée à partir D'une date ISO JSON, faites ceci:
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.
ou
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.
si vous devez avoir un objet Date () (par exemple pour une utilisation avec des composants jQuery), faites ce qui suit afin de bien remplir votre JSON fourni ISO date. (Cela suppose que vous êtes déjà dans la fonction de manipulation de vos données 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.