Dysfonctionnements du constructeur de date dans IE : une comparaison entre navigateurs

Dans le domaine du développement Web, le constructeur de date de JavaScript s'est avéré être un fidèle allié des développeurs cherchant à manipuler les dates. Cependant, un phénomène curieux a été observé lors de l’utilisation de ce constructeur sur les principaux navigateurs. Alors que Firefox et Chrome adoptent volontiers les fonctionnalités de Date, Internet Explorer est connu pour trébucher, renvoyant NaN (Not-a-Number) pour certaines opérations de date.

Pour résoudre cette énigme, approfondissons le problème spécifique observé par un développeur créant un calendrier. Leur construction de date à partir d'une chaîne de date au format PHP ('m, d, Y') fonctionnait parfaitement dans Firefox et Chrome, mais IE a insisté pour lancer des crises de colère NaN.

Le problème de construction de date

function buildWeek(dateText){
    var headerDates='';
    var newDate = new Date(dateText);

    for(var d=0;d
La racine du problème réside dans le format de date. Bien qu'IE puisse analyser les dates dans son format natif (« AAAA-MM-JJ »), il a du mal à se confronter au format « m, d, Y » utilisé dans ce code.
La solution : Standardisation du format de date
Pour garantir la compatibilité entre les navigateurs, il est impératif de standardiser le format de date utilisé dans la construction de dates. L'approche recommandée consiste à convertir la chaîne de date dans un format que IE peut facilement comprendre. Une option pratique consiste à exploiter la méthode split() pour disséquer la chaîne de date, puis à transmettre les composants individuels dans le constructeur Date.
Par exemple, en supposant qu'un champ datetime/timestamp MySQL renvoie une chaîne comme "2011- 08-03 09:15:11", l'extrait de code suivant normaliserait le format pour la compatibilité avec IE :
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]);
En adoptant ceci approche, vous pouvez vous assurer que vos opérations Date fonctionneront correctement sur tous les principaux navigateurs, en supprimant les erreurs NaN inexplicables qui peuvent faire des ravages sur votre code.