Date non valide dans le safari

 alert(new Date('2010-11-29'));

chrome, ff n'a pas de problèmes avec cela, mais safari crie "date invalide". Pourquoi ?

edit: ok, selon les commentaires ci-dessous, j'ai utilisé l'analyse de chaîne et j'ai essayé ceci:

alert(new Date('11-29-2010')); //doesn't work in safari
alert(new Date('29-11-2010')); //doesn't work in safari
alert(new Date('2010-29-11')); //doesn't work in safari

edit 22 mars 2018 : On dirait que les gens débarquent encore ici - Aujourd'hui, j'utiliserais momentou j'en aurais date-fnsfini avec. Date-fns est également très indolore et léger.

Le modèle yyyy-MM-ddn'est pas un format officiellement pris en charge pour le Dateconstructeur. Firefox semble le soutenir, mais ne comptez pas sur d'autres navigateurs pour faire de même.

Voici quelques chaînes prises en charge:

• MM-jj-aaaa
• aaaa / MM / jj
• MM / jj / aaaa
• MMMM jj, aaaa
• MMM jj, aaaa

DateJS semble être une bonne bibliothèque pour analyser les formats de date non standard.

Edit : vient de vérifier la norme ECMA-262 . Citant l'article 15.9.1.15:

Format de chaîne de date et d'heure

ECMAScript définit un format d'échange de chaînes pour les dates-heures basé sur une simplification du format étendu ISO 8601. Le format est le suivant: AAAA-MM-JJTHH: mm: ss.sssZ Où les champs sont les suivants:

• YYYY correspond aux chiffres décimaux de l'année dans le calendrier grégorien.
• "-" (trait d'union) apparaît littéralement deux fois dans la chaîne.
• MM est le mois de l'année du 01 (janvier) au 12 (décembre).
• JJ est le jour du mois du 01 au 31.
• "T" apparaît littéralement dans la chaîne, pour indiquer le début de l'élément temporel.
• HH est le nombre d'heures complètes écoulées depuis minuit sous forme de deux chiffres décimaux.
• ":" (deux-points) apparaît littéralement deux fois dans la chaîne.
• mm est le nombre de minutes complètes depuis le début de l'heure sous forme de deux chiffres décimaux.
• ss est le nombre de secondes complètes depuis le début de la minute sous forme de deux chiffres décimaux.
• "." (point) apparaît littéralement dans la chaîne.
• sss est le nombre de millisecondes complètes depuis le début de la seconde sous forme de trois chiffres décimaux. Les deux "." et le champ millisecondes peut être omis.
• Z est le décalage du fuseau horaire spécifié comme "Z" (pour UTC) ou "+" ou "-" suivi d'une expression d'heure hh: mm

Ce format inclut les formulaires à date uniquement:

• AAAA
• AAAA-MM
• AAAA-MM-JJ

Il comprend également des formulaires de temps uniquement avec un décalage de fuseau horaire facultatif ajouté:

• THH: millimètre
• THH: mm: ss
• THH: mm: ss.sss

Sont également inclus les «dates-heures» qui peuvent être n'importe quelle combinaison des éléments ci-dessus.

Donc, il semble que AAAA-MM-JJ soit inclus dans la norme, mais pour une raison quelconque, Safari ne le prend pas en charge.

Mise à jour : après avoir consulté la documentation de datejs , en l'utilisant, votre problème devrait être résolu en utilisant un code comme celui-ci:

var myDate1 = Date.parseExact("29-11-2010", "dd-MM-yyyy");
var myDate2 = Date.parseExact("11-29-2010", "MM-dd-yyyy");
var myDate3 = Date.parseExact("2010-11-29", "yyyy-MM-dd");
var myDate4 = Date.parseExact("2010-29-11", "yyyy-dd-MM");

Pour moi, implémenter une nouvelle bibliothèque simplement parce que Safari ne peut pas le faire correctement, c'est trop et une regex est exagérée. Voici le oneliner :

console.log (new Date('2011-04-12'.replace(/-/g, "/")));

J'étais confronté à un problème similaire. Date.Parse("DATESTRING")fonctionnait sur Chrome (Version 59.0.3071.115) mais pas sur Safari (Version 10.1.1 (11603.2.5))

Safari:

Date.parse("2017-01-22 11:57:00")
NaN

Chrome:

Date.parse("2017-01-22 11:57:00")
1485115020000

La solution qui a fonctionné pour moi était de remplacer l'espace dans la chaîne dateString par "T". (Exemple: dateString.replace(/ /g,"T"))

Safari:

Date.parse("2017-01-22T11:57:00")
1485086220000

Chrome:

Date.parse("2017-01-22T11:57:00")
1485115020000

Notez que la réponse du navigateur Safari est inférieure de 8 heures (28800000ms) à la réponse affichée dans le navigateur Chrome car Safari a renvoyé la réponse dans la TZ locale (qui est à 8 heures derrière UTC)

Pour obtenir les deux heures dans la même TZ

Safari:

Date.parse("2017-01-22T11:57:00Z")
1485086220000

Chrome:

Date.parse("2017-01-22T11:57:00Z")
1485086220000

J'utilise le moment pour résoudre le problème. Par exemple

var startDate = moment('2015-07-06 08:00', 'YYYY-MM-DD HH:mm').toDate();

Pour qu'une solution fonctionne sur la plupart des navigateurs, vous devez créer votre objet date avec ce format

(year, month, date, hours, minutes, seconds, ms)

par exemple:

dateObj = new Date(2014, 6, 25); //UTC time / Months are mapped from 0 to 11
alert(dateObj.getTime()); //gives back timestamp in ms

fonctionne très bien avec IE, FF, Chrome et Safari. Même les anciennes versions.

Centre de développement IE: objet de date (JavaScript)

Mozilla Dev Network: Date

convertir la chaîne en date à partir de (vous devez connaître le fuseau horaire du serveur)

new Date('2015-06-16 11:00:00'.replace(/\s+/g, 'T').concat('.000+08:00')).getTime()  

où +08: 00 = timeZone du serveur

J'ai eu le même problème.Ensuite, j'ai utilisé moment.Js .Problem a disparu.

Lors de la création d'un moment à partir d'une chaîne, nous vérifions d'abord si la chaîne correspond aux formats ISO 8601 connus, puis revenons à la nouvelle Date (chaîne) si un format connu n'est pas trouvé.

Avertissement: la prise en charge par le navigateur de l'analyse des chaînes est incohérente. Comme il n'y a pas de spécification sur les formats à prendre en charge, ce qui fonctionne dans certains navigateurs ne fonctionnera pas dans d'autres navigateurs.

Pour des résultats cohérents analysant autre chose que les chaînes ISO 8601, vous devez utiliser String + Format.

par exemple

var date= moment(String);

Bien que vous puissiez espérer que les navigateurs prendront en charge ISO 8601 (ou des sous-ensembles de date uniquement), ce n'est pas le cas. Tous les navigateurs que je connais (au moins dans les régions américaines / anglaises que j'utilise) sont capables d'analyser l'horrible MM/DD/YYYYformat américain .

Si vous avez déjà les parties de la date, vous pouvez à la place essayer d'utiliser Date.UTC () . Si vous ne le faites pas, mais que vous devez utiliser le YYYY-MM-DDformat, je suggère d'utiliser une expression régulière pour analyser les éléments que vous connaissez, puis les transmettre Date.UTC().

Utilisez le format ci-dessous, cela fonctionnerait sur tous les navigateurs

var year = 2016;
var month = 02;           // month varies from 0-11 (Jan-Dec)
var day = 23;

month = month<10?"0"+month:month;        // to ensure YYYY-MM-DD format
day = day<10?"0"+day:day;

dateObj = new Date(year+"-"+month+"-"+day);

alert(dateObj); 

// Votre sortie ressemblerait à ceci "Wed Mar 23 2016 00:00:00 GMT + 0530 (IST)"

// Notez que ce serait dans le fuseau horaire actuel dans ce cas indiqué par IST, pour convertir en fuseau horaire UTC, vous pouvez inclure

alert(dateObj.toUTCSting);

// Votre sortie maintenant aimerait ceci "Tue, 22 Mar 2016 18:30:00 GMT"

Notez que maintenant la dateObj affiche l'heure au format GMT, notez également que la date et l'heure ont été modifiées en conséquence.

La fonction "toUTCSting" récupère l'heure correspondante au méridien de Greenwich. Il accomplit cela en établissant le décalage horaire entre votre fuseau horaire actuel et le fuseau horaire du méridien de Greenwich.

Dans le cas ci-dessus, le temps avant la conversion était de 00:00 heures et minutes le 23 mars de l'année 2016. Et après la conversion de GMT + 0530 (IST) heures en GMT (il soustrait essentiellement 5.30 heures de l'horodatage donné dans ce cas), l'heure correspond à 18h30 le 22 mars de l'année 2016 (exactement 5h30 de retard sur la première fois).

En outre, pour convertir n'importe quel objet de date en horodatage, vous pouvez utiliser

alert(dateObj.getTime());

// la sortie ressemblerait à ce "1458671400000"

Cela vous donnerait l'horodatage unique de l'heure

Que diriez-vous de détourner Dateavec fix-date ? Aucune dépendance, min + gzip = 280 B

La meilleure façon de le faire est d'utiliser le format suivant:

new Date(year, month, day, hours, minutes, seconds, milliseconds)
var d = new Date(2018, 11, 24, 10, 33, 30, 0);

Ceci est pris en charge dans tous les navigateurs et ne vous posera aucun problème. Veuillez noter que les mois sont écrits de 0 à 11.

Le même problème rencontré dans Safari et il a été résolu en l'insérant dans la page Web

 <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script> 

J'espère que cela fonctionnera aussi votre cas

Merci

Comme @nizantz l'a mentionné précédemment, utiliser Date.parse () ne fonctionnait pas pour moi dans Safari. Après quelques recherches, j'ai appris que la propriété lastDateModified de l'objet File était obsolète et qu'elle n'était plus prise en charge par Safari. L'utilisation de la propriété lastModified de l'objet File a résolu mes problèmes. Bien sûr, je n'aime pas quand de mauvaises informations sont trouvées en ligne.

Merci à tous ceux qui ont contribué à cet article qui m'a aidé à suivre le chemin dont j'avais besoin pour en savoir plus sur mon problème. Sans cette information, je n'aurais probablement jamais compris mon problème racine. Peut-être que cela aidera quelqu'un d'autre dans ma situation similaire.

Je suis également confronté au même problème dans le navigateur Safari

var date = new Date("2011-02-07");
console.log(date) // IE you get ‘NaN’ returned and in Safari you get ‘Invalid Date’

Voici la solution:

var d = new Date(2011, 01, 07); // yyyy, mm-1, dd  
var d = new Date(2011, 01, 07, 11, 05, 00); // yyyy, mm-1, dd, hh, mm, ss  
var d = new Date("02/07/2011"); // "mm/dd/yyyy"  
var d = new Date("02/07/2011 11:05:00"); // "mm/dd/yyyy hh:mm:ss"  
var d = new Date(1297076700000); // milliseconds  
var d = new Date("Mon Feb 07 2011 11:05:00 GMT"); // ""Day Mon dd yyyy hh:mm:ss GMT/UTC 

Ce n'est pas la meilleure solution, même si j'attrape simplement l'erreur et renvoie la date actuelle. J'ai personnellement l'impression de ne pas résoudre les problèmes de Safari, si les utilisateurs veulent utiliser un navigateur sh * t non conforme aux normes - ils doivent vivre avec des bizarreries.

function safeDate(dateString = "") {
  let date = new Date();
  try {
    if (Date.parse(dateString)) {
      date = new Date(Date.parse(dateString))
    }
  } catch (error) {
    // do nothing.
  }
  return date;
}

Je suggère que votre backend envoie les dates ISO.

utilisez le format «mm / jj / aaaa». Par exemple: - nouvelle date ('02/28/2015'). Cela fonctionne bien dans tous les navigateurs.