L'analyse des dates en javascript est différente entre safari et chrome

J'ai tendance à éviter Date.parse, selon les autres réponses à cette question. Il ne semble pas être un moyen portable de traiter de manière fiable avec les dates.

Au lieu de cela, j'ai utilisé quelque chose comme la fonction ci-dessous. Cela utilise jQuery pour mapper le tableau de chaînes dans un tableau de nombres, mais c'est une dépendance assez facile à supprimer / modifier. J'inclus également ce que je considère comme des valeurs par défaut raisonnables, pour vous permettre d'analyser 2007-01-09 et 2007-01-09T09:42:00 en utilisant la même fonction.

function dateFromString(str) {
  var a = $.map(str.split(/[^0-9]/), function(s) { return parseInt(s, 10) });
  return new Date(a[0], a[1]-1 || 0, a[2] || 1, a[3] || 0, a[4] || 0, a[5] || 0, a[6] || 0);
}

, je l'ai vérifié dans plusieurs navigateurs, et oui, safari retourne invalid date. Au fait, vous n'avez pas besoin d'utiliser Date.parse ici, juste {[4] } fonctionnera aussi. Safari nécessite évidemment plus de formatage de la chaîne de date que vous fournissez. Si vous remplacez ' - 'par'/', supprimez le T et tout après le point (.593Z), il vous donnera une date valide. Ce code est testé et fonctionne dans Safari

var datestr = '2011-06-21T14:27:28.593Z'.split(/[-T.]/);
var safdat = new Date( datestr.slice(0,3).join('/')+' '+datestr[3] );

Ou en utilisant String.replace(...):

new Date("2016-02-17T00:05:01+0000".replace(/-/g,'/').replace('T',' ').replace(/(\..*|\+.*/,""))

Mon problème similaire a été causé par Safari ne sachant pas comment lire le fuseau horaire dans un format de fuseau horaire RFC 822. J'ai pu résoudre ce problème en utilisant le format ISO 8601. Si vous avez le contrôle du format de date, cela fonctionne avec SimpleDateFormat de java " yyyy-MM-dd'THH:mm: ss.sssXXX " qui produit pour moi ie. "2018-02-06T20:00:00.000+04:00". Pour une raison quelconque Safari ne peut pas lire "2018-02-06T20 :00: 00.000 + 0400", notez l'absence de deux-points dans le format de fuseau horaire.

// Works
var c = new Date("2018-02-06T20:00:00.000+04:00"));
console.log(c);

// Doesn't work
var c = new Date("2018-02-06T20:00:00.000+0400"));
console.log(c);

J'ai fini par utiliser une bibliothèque pour compenser cela:

Http://zetafleet.com/blog/javascript-dateparse-for-iso-8601

Une fois que cette bibliothèque a été incluse, vous utilisez ce code pour créer la nouvelle date:

var date = new Date(Date.parse(datestring));

Notre projet n'utilisait pas de spécificateurs millisecondes, mais je ne crois pas que cela causera un problème pour vous.

J'utilise la fonction suivante pour analyser les dates avec le fuseau horaire. Fonctionne bien à la fois Chrome et Safari:

function parseDate(date) {
  const parsed = Date.parse(date);
  if (!isNaN(parsed)) {
    return parsed;
  }

  return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
}

console.log(parseDate('2017-02-09T13:22:18+0300'));  // 1486635738000 time in ms

J'ai essayé la date convertie en la tronquant et en l'analysant comme ça, cela fonctionne bien avec safari et ios .

var dateString = "2016-01-22T08:18:10.000+0000";
 var hours = parseInt(dateString.split("+")[1].substr("0","2"));
 var mins = parseInt(dateString.split("+")[1].substr("2"));
 var date = new Date(dateString.split("+")[0]);
 date.setHours(date.getHours()-hours);
 date.setMinutes(date.getMinutes()-mins);

Au lieu d'utiliser 'Z' à la fin de la chaîne de date, vous pouvez ajouter le décalage du fuseau horaire du client local. Vous voudrez probablement une méthode pour générer cela pour vous:

let timezoneOffset = () => {
    let date = new Date(),
        timezoneOffset = date.getTimezoneOffset(),
        hours = ('00' + Math.floor(Math.abs(timezoneOffset/60))).slice(-2),
        minutes = ('00' + Math.abs(timezoneOffset%60)).slice(-2),
        string = (timezoneOffset >= 0 ? '-' : '+') + hours + ':' + minutes;
    return string;
}

Donc le résultat final serait:

var c = new Date("2011-06-21T14:27:28.593" + timezoneOffset());