new Date() fonctionne dans Chrome mais pas dans Firefox

Question

Je crée une chaîne de date qui ressemble à ceci : 2010-07-15 11:54:21

Et avec le code suivant, j'obtiens une date invalide dans Firefox mais fonctionne parfaitement dans Chrome.

var todayDateTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + seconds;
var date1 = new Date(todayDateTime);

Dans firefox, date1 me donne une date invalide, mais dans chrome, cela fonctionne très bien. Quelle en serait la cause principale ?

Answer 1

Vous ne pouvez pas instancier un objet date comme vous le souhaitez. Il faut le faire d'une manière spécifique. Voici quelques exemples valables :

new Date() // current date and time
new Date(milliseconds) //milliseconds since 1970/01/01
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

ou

d1 = new Date("October 13, 1975 11:13:00")
d2 = new Date(79,5,24)
d3 = new Date(79,5,24,11,33,0)

Chrome doit juste être plus flexible.

Source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Desde apsillers commentaire :

la spécification EMCAScript requiert exactement un format de date (c'est-à-dire AAAA-MM-DDTHH:mm:ss.sssZ) mais les formats de date personnalisés peuvent être librement pris en charge par une mise en œuvre. : " Si la chaîne n'est pas conforme à ce format [défini par ECMAScript], la fonction peut se rabattre sur toute heuristique ou format de date spécifique à l'implémentation. " Chrome et FF ont simplement des " formats de date spécifiques à l'implémentation " différents.

Answer 2

Cela fonctionne dans tous les navigateurs -

nouvelle Date('2001/01/31 12:00:00 AM')

new Date('2001-01-31 12:00:00')

Format : AAAA-MM-DDTHH:mm:ss.sss

Détails : http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15

Answer 3

Cela fonctionne également dans la plupart des navigateurs

new Date('2001/01/31 12:00:00')

C'est le format de

"yyyy/MM/dd HH:mm:ss"

Answer 4

Si vous souhaitez toujours créer une date en utilisant des tirets, vous pouvez utiliser ce format :

var date = new Date('2013-08-31T17:00:00Z')

Mais gardez à l'esprit qu'il crée l'heure selon l'UTC. Autrement dit, si vous vivez dans le fuseau horaire GMT+3 (3 heures d'avance sur l'heure GMT), il ajoutera ce décalage horaire à l'heure. Ainsi, l'exemple ci-dessus aura cette valeur, si vous êtes en GMT+3 (notez que l'heure est 20:00 et non 17:00) :

Sat Aug 31 2013 20:00:00 GMT+0300 (FLE Standard Time)

Veillez à ajouter la lettre 'Z' à la fin, car sinon Chrome et Firefox analyseront la chaîne différemment (l'un ajoutera le décalage horaire et l'autre non).

Answer 5

Je rencontrais un problème similaire dans Firefox et Safari lorsque je travaillais avec AngularJS. Par exemple, si une date renvoyée par Angular ressemblait à ceci :

2014-06-02 10:28:00

en utilisant ce code :

new Date('2014-06-02 10:28:00').toISOString();

renvoie une erreur de date invalide dans Firefox et Safari. En revanche, il fonctionne parfaitement dans Chrome. Comme l'a indiqué une autre réponse, Chrome est probablement plus souple dans l'analyse des chaînes de date.

Mon objectif final était de formater la date d'une certaine manière. J'ai trouvé une excellente bibliothèque qui gère à la fois le problème de la compatibilité entre navigateurs et celui du formatage de la date. Cette bibliothèque s'appelle moment.js .

En utilisant cette bibliothèque, le code suivant fonctionne correctement sur tous les navigateurs que j'ai testés :

moment('2014-06-02 10:28:00').format('MMM d YY')

Si vous êtes prêt à inclure cette bibliothèque supplémentaire dans votre application, vous pourrez construire plus facilement votre chaîne de dates tout en évitant les éventuels problèmes de compatibilité avec les navigateurs. En prime, vous disposerez d'un bon moyen pour formater, ajouter, soustraire, etc. les dates si nécessaire.