Quelles sont les causes des erreurs NaN dans Internet Explorer lors de l'utilisation du constructeur de date de JavaScript ?

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

<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>

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 lorsqu'il est confronté au format « m, j, 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 date. 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 telle que "2011- 08-03 09:15:11", l'extrait de code suivant normaliserait le format pour la compatibilité avec IE :

<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>

En adoptant cette 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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!