Comment analyser la norme ISO 8601 en format de date et heure à l'aide de Moment js en Javascript?

Je suis actuellement en utilisant Moment js pour analyser un ISO 8601 chaîne en date et de l'heure, mais il ne fonctionne pas correctement. Ce que je fais mal? Et je voudrais prendre aucune autres solutions plus simples ainsi.

La norme ISO 8601, je voudrais analyser: "2011-04-11T10:20:30Z" en date en chaîne de caractères: "2011-04-11" et de temps en chaîne: "10:20:30"

Et essayé console.log(moment("2011-04-11T10:20:30Z" ,moment.ISO_8601)) et console.log(moment("2011-04-11T10:20:30Z" , ["YYYY",moment.ISO_8601]) comme un test, mais elle retourne un objet avec tous les différents types de propriétés.

  • Avec la manipulation de la chaîne: str.slice(0, -1).split('T');
InformationsquelleAutor Walter | 2016-09-27
  1. 26

    Avec moment.js

    JS:

    var str = '2011-04-11T10:20:30Z';
var date = moment(str);
var dateComponent = date.utc().format('YYYY-MM-DD');
var timeComponent = date.utc().format('HH:mm:ss');
console.log(dateComponent);
console.log(timeComponent);

    HTML:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>

    Ou tout simplement avec la manipulation de la chaîne

    JS:

    var str = '2011-04-11T10:20:30Z';
var parts = str.slice(0, -1).split('T');
var dateComponent = parts[0];
var timeComponent = parts[1];
console.log(dateComponent);
console.log(timeComponent);

    • Vous vous rendez compte que vous êtes à l'aide de matières Javascript date de la logique de sorte que vous pouvez utiliser un ordre supérieur de la date de traitement de la bibliothèque? C'est plutôt comme l'utilisation de $(document.getElementById('foo')); il fonctionne, mais la plupart des gens d'utiliser l'outil tout au long du processus ($('#foo')). De même ici, cette réponse travaille, mais vous perdez beaucoup de profit Instant vous donne en faisant de la chaîne et la date de l'analyse manuelle. À mon humble avis, vous seriez mieux servis dans le long terme, par l'apprentissage de l'utilisation de votre outil (Instant) que de l'abandonner.
    • Qui sait ce que l'OPs intention est pour les deux chaînes? Je ne voudrais pas charger une bibliothèque de changer la className sur un élément référencé par un id, si c'était la seule chose qui était nécessaire. Utiliser le bon outil pour le travail, mais garder les choses simples.
    InformationsquelleAutor Xotic750
  2. 11

    Il y a deux parties au moment de l'opération: la lecture de la date et de l'heure, et cracher à revenir. Vous avez la première partie:

    moment("2011-04-11T10:20:30Z")

    mais alors vous avez besoin d'appeler une fonction de sortie, par exemple:

    moment("2011-04-11T10:20:30Z").format('YYYY-MM-DD h:mm:ss a')
    • Merci pour la réponse. Actuellement, il est de journalisation de la console: 2011-04-11 3:20:30 am. Si la date est correcte mais l'heure est faux. Ne devrait-elle pas être hh:mm:ss? Essayé, mais vient encore à 03 plutôt que 10.
    • Vous pouvez trouver une ventilation complète de l'ensemble de la mise en forme des motifs ici: momentjs.com/docs/#/displaying. Cependant, je ne pense pas que le temps est un problème de formatage; je suis sûr que c'est un fuseau horaire question. Votre date initiale de la chaîne de manque un fuseau horaire peu, donc Moment décide de l'interpréter comme certains le fuseau horaire (je suppose 0 GMT), puis vous indique l'heure par rapport à votre fuseau horaire actuel (je suppose que vous live +/- 7 du GMT?). Vous aurez envie de lire le Moment docs (ou peut-être poser une question distincte) sur les fuseaux horaires pour résoudre ce problème.
    • Comme une note côté, les fuseaux horaires sont l'une des choses les plus irritantes à propos de l'Instant, et souvent, j'aimerais qu'ils se papier au-dessus d'eux ... mais en fin de compte en tant que développeur web, je suis content qu'ils n'en ont pas. Certains de vos utilisateurs seront presque certainement utiliser votre site internet dans un fuseau horaire différent de vous, il est donc important de bien penser à la façon dont vous stockez les dates sur votre serveur, puis comment votre JS/Moment de code se localise entre eux lorsque vous les afficher à l'utilisateur.
    • Je suis actuellement en PST. Avant de m'accepter la réponse et upvote, pourriez-vous éventuellement montrer un exemple avec le format exact que j'essaie de faire au avec le fuseau horaire de modification? Chaîne de Date: "2011-04-11" et le temps de chaîne: "10:20:30" j'ai regardé les docs, mais n'a pas beaucoup d'aide.
    • Vous disposez de quatre options pour le heures partie de la dateheure chaîne. Supposons que le temps est 1pm: h = "1" ... hh = "01" ... H = "13" ... HH = "13". Ces deux dernières sont les mêmes pour 1pm, mais si nous passons à 1h du matin, ils deviennent: H = "1" ... HH = "01". En d'autres termes, la capitalisation contrôle si le temps est de 12 ou 24, et de deux lettres indique ce Moment pad le temps avec "0". Je ne peux pas dire à partir de votre question si vous souhaitez rembourrage ou pas, ou si vous voulez de 12 ou de 24 heures de temps, parce que vous avez choisi 10 à titre d'exemple (et c'est la même chose dans tous les quatre formats).
    • Les données a un fuseau horaire de l'élément: Z. Qui est UTC. Il vous manque ceci: momentjs.com/docs/#/parsing/utc
    • Oh la droite. Bien tout ce que j'ai dit est toujours d'actualité, que l'UTC 0 est GMT. Le point étant que @Walter, portera la date à partir de ce moment-zone, mais quand il le formate Moment ne le fuseau horaire de mathématiques à le traduire dans son fuseau horaire.
    • Désolé pour le misconfusion ensuite. J'espère que c'est un meilleur exemple: "2011-04-11T00:20:30Z". Donc, ne veux le rembourrage et dans les 24 heures. Aussi la journée est toujours par 1, donc 11 viendrait à être de 10 et 7 6. Ce serait un moyen de corriger ça?
    • Pas de soucis. Précisé plus dans le commentaire précédent
    • 0-collier de 24 heures est HH, donc là vous allez 🙂 Comme pour la journée, je pense que c'est lié à l'horaire question (rappelez-vous, à 1H du matin aujourd'hui est à 11H hier à quelqu'un deux fuseaux horaires plus loin). Fixer votre fuseau horaire et il doit fixer le jour et l'heure des questions (et par "solution", je veux dire soit votre serveur traduire toutes les dates de GMT/UTC 0 fuseau horaire avant l'Instant les voit, ou utiliser http://momentjs.com/timezone/ à dire Moment quel fuseau horaire est venu le temps de; personnellement, je recommande l'ancienne, comme il simplifie les choses tout autour si votre serveur ne cesse de tous les temps en GMT).
    • Juste essayé HH et il m'a donné 17:20:30 quand il doit être 00:20:30. Et pourriez-vous préciser sur la fixation de l'horaire? Suis-je censé le spécifier dans moment? N'ai pas @Xotic750 mentionner que Z est en fait le fuseau horaire? Je veux simplement l'imprimer exactement comment la norme ISO 8601 chaîne est passée dans.
    • Voir ci-dessus (j'ai édité mon commentaire). La clé de chose je pense que vous êtes en manque, c'est que quand vous dites Instant "10:20:30" vous n'êtes pas en disant: "10:20:30 dans mon fuseau horaire", vous dites "10:20:30 GMT/UTC 0" (ie. "10:20:30 dans la Grande-Bretagne"). Si vous voulez "10:20:30" dans votre fuseau horaire, vous devez d'abord les convertir à GMT avant l'Instant qu'il obtient, ou (après un Instant qu'il obtient) que vous devez dire Moment de le traduire (avec Moment fuseau horaire). Mais encore une fois, juste globale de votre application, les choses vont probablement être plus simple si votre serveur peut stocker tout temps UTC 0/heure GMT.

    InformationsquelleAutor machineghost