Wie gebe ich eine nach ISO 8601 formatierte Zeichenfolge in JavaScript aus?

Ich habe ein DateObjekt. Wie rendere ich den titleTeil des folgenden Snippets?

<abbr title="2010-04-02T14:12:07">A couple days ago</abbr>

Ich habe den Teil "Relative Zeit in Worten" aus einer anderen Bibliothek.

Ich habe folgendes versucht:

function isoDate(msSinceEpoch) {

   var d = new Date(msSinceEpoch);
   return d.getUTCFullYear() + '-' + (d.getUTCMonth() + 1) + '-' + d.getUTCDate() + 'T' +
          d.getUTCHours() + ':' + d.getUTCMinutes() + ':' + d.getUTCSeconds();

}

Aber das gibt mir:

"2010-4-2T3:19"

Es gibt bereits eine Funktion namens toISOString():

var date = new Date();
date.toISOString(); //"2011-12-19T15:28:46.493Z"

Wenn Sie sich in einem Browser befinden , der dies nicht unterstützt, sind Sie hier genau richtig:

if ( !Date.prototype.toISOString ) {
  ( function() {

    function pad(number) {
      var r = String(number);
      if ( r.length === 1 ) {
        r = '0' + r;
      }
      return r;
    }

    Date.prototype.toISOString = function() {
      return this.getUTCFullYear()
        + '-' + pad( this.getUTCMonth() + 1 )
        + '-' + pad( this.getUTCDate() )
        + 'T' + pad( this.getUTCHours() )
        + ':' + pad( this.getUTCMinutes() )
        + ':' + pad( this.getUTCSeconds() )
        + '.' + String( (this.getUTCMilliseconds()/1000).toFixed(3) ).slice( 2, 5 )
        + 'Z';
    };

  }() );
}

Siehe das letzte Beispiel auf Seite https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference:Global_Objects:Date :

/* Use a function for the exact format desired... */
function ISODateString(d) {
    function pad(n) {return n<10 ? '0'+n : n}
    return d.getUTCFullYear()+'-'
         + pad(d.getUTCMonth()+1)+'-'
         + pad(d.getUTCDate())+'T'
         + pad(d.getUTCHours())+':'
         + pad(d.getUTCMinutes())+':'
         + pad(d.getUTCSeconds())+'Z'
}

var d = new Date();
console.log(ISODateString(d)); // Prints something like 2009-09-28T19:03:12Z

Nahezu jede ISO-Methode im Web löscht die Zeitzoneninformationen, indem vor der Ausgabe der Zeichenfolge eine Konvertierung in die "U" -Ulu-Zeit (UTC) angewendet wird. Die native .toISOString () des Browsers löscht auch Zeitzoneninformationen.

Dadurch werden wertvolle Informationen verworfen, da der Server oder Empfänger jederzeit ein vollständiges ISO-Datum in die Zulu-Zeit oder die erforderliche Zeitzone konvertieren kann, während die Zeitzoneninformationen des Absenders abgerufen werden.

Die beste Lösung, auf die ich gestoßen bin, besteht darin, die Javascript-Bibliothek von Moment.js zu verwenden und den folgenden Code zu verwenden:

Um die aktuelle ISO-Zeit mit Zeitzoneninformationen und Millisekunden abzurufen

now = moment().format("YYYY-MM-DDTHH:mm:ss.SSSZZ")
// "2013-03-08T20:11:11.234+0100"

now = moment().utc().format("YYYY-MM-DDTHH:mm:ss.SSSZZ")
// "2013-03-08T19:11:11.234+0000"

now = moment().utc().format("YYYY-MM-DDTHH:mm:ss") + "Z"
// "2013-03-08T19:11:11Z" <- better use the native .toISOString() 

Abrufen der ISO-Zeit eines nativen JavaScript-Datumsobjekts mit Zeitzoneninformationen, jedoch ohne Millisekunden

var current_time = Date.now();
moment(current_time).format("YYYY-MM-DDTHH:mm:ssZZ")

Dies kann mit Date.js kombiniert werden, um Funktionen wie Date.today () zu erhalten, deren Ergebnis dann an moment übergeben werden kann.

Eine so formatierte Datumszeichenfolge ist JSON-Compilant und eignet sich gut zum Speichern in einer Datenbank. Python und C # scheinen es zu mögen.

Die gestellte Frage war das ISO-Format mit reduzierter Genauigkeit. Voila:

 new Date().toISOString().slice(0, 19) + 'Z'
 // '2014-10-23T13:18:06Z'

Angenommen, das nachfolgende Z wird gewünscht, andernfalls einfach weglassen.

Kürzeste, aber von Internet Explorer 8 und früheren Versionen nicht unterstützte:

new Date().toJSON()

Wenn Sie IE7 nicht unterstützen müssen, ist das Folgende ein großartiger, prägnanter Hack:

JSON.parse(JSON.stringify(new Date()))

Normalerweise möchte ich kein UTC-Datum anzeigen, da Kunden die Konvertierung nicht gerne in ihrem Kopf durchführen. Um ein lokales ISO-Datum anzuzeigen , verwende ich die Funktion:

function toLocalIsoString(date, includeSeconds) {
    function pad(n) { return n < 10 ? '0' + n : n }
    var localIsoString = date.getFullYear() + '-'
        + pad(date.getMonth() + 1) + '-'
        + pad(date.getDate()) + 'T'
        + pad(date.getHours()) + ':'
        + pad(date.getMinutes()) + ':'
        + pad(date.getSeconds());
    if(date.getTimezoneOffset() == 0) localIsoString += 'Z';
    return localIsoString;
};

Bei der obigen Funktion werden Informationen zum Zeitzonenversatz weggelassen (außer wenn die Ortszeit zufällig UTC ist). Daher verwende ich die folgende Funktion, um den lokalen Versatz an einem einzelnen Ort anzuzeigen. Sie können die Ausgabe auch an die Ergebnisse der obigen Funktion anhängen, wenn Sie den Versatz jedes Mal anzeigen möchten:

function getOffsetFromUTC() {
    var offset = new Date().getTimezoneOffset();
    return ((offset < 0 ? '+' : '-')
        + pad(Math.abs(offset / 60), 2)
        + ':'
        + pad(Math.abs(offset % 60), 2))
};

toLocalIsoStringverwendet pad. Bei Bedarf funktioniert es wie fast jede Pad-Funktion, aber der Vollständigkeit halber verwende ich Folgendes:

// Pad a number to length using padChar
function pad(number, length, padChar) {
    if (typeof length === 'undefined') length = 2;
    if (typeof padChar === 'undefined') padChar = '0';
    var str = "" + number;
    while (str.length < length) {
        str = padChar + str;
    }
    return str;
}

Nach dem 'T' fehlt ein '+'.

isoDate: function(msSinceEpoch) {
  var d = new Date(msSinceEpoch);
  return d.getUTCFullYear() + '-' + (d.getUTCMonth() + 1) + '-' + d.getUTCDate() + 'T'
         + d.getUTCHours() + ':' + d.getUTCMinutes() + ':' + d.getUTCSeconds();
}

Sollte es tun.

Für die führenden Nullen können Sie dies von hier aus verwenden :

function PadDigits(n, totalDigits) 
{ 
    n = n.toString(); 
    var pd = ''; 
    if (totalDigits > n.length) 
    { 
        for (i=0; i < (totalDigits-n.length); i++) 
        { 
            pd += '0'; 
        } 
    } 
    return pd + n.toString(); 
} 

Verwenden Sie es so:

PadDigits(d.getUTCHours(),2)

function timeStr(d) { 
  return ''+
    d.getFullYear()+
    ('0'+(d.getMonth()+1)).slice(-2)+
    ('0'+d.getDate()).slice(-2)+
    ('0'+d.getHours()).slice(-2)+
    ('0'+d.getMinutes()).slice(-2)+
    ('0'+d.getSeconds()).slice(-2);
}

Das Problem mit toISOString ist, dass datetime nur als "Z" angegeben wird.

ISO-8601 definiert auch Datum und Uhrzeit mit Zeitzonenunterschied in Stunden und Minuten in Form von 2016-07-16T19: 20: 30 + 5: 30 (wenn die Zeitzone vor UTC liegt) und 2016-07-16T19: 20: 30-01 : 00 (wenn die Zeitzone hinter UTC liegt).

Ich denke nicht, dass es eine gute Idee ist, ein anderes Plugin, moment.js, für eine so kleine Aufgabe zu verwenden, besonders wenn Sie es mit ein paar Codezeilen bekommen können.

    var timezone_offset_min = new Date().getTimezoneOffset(),
        offset_hrs = parseInt(Math.abs(timezone_offset_min/60)),
        offset_min = Math.abs(timezone_offset_min%60),
        timezone_standard;

    if(offset_hrs < 10)
        offset_hrs = '0' + offset_hrs;

    if(offset_min > 10)
        offset_min = '0' + offset_min;

    // getTimezoneOffset returns an offset which is positive if the local timezone is behind UTC and vice-versa.
    // So add an opposite sign to the offset
    // If offset is 0, it means timezone is UTC
    if(timezone_offset_min < 0)
        timezone_standard = '+' + offset_hrs + ':' + offset_min;
    else if(timezone_offset_min > 0)
        timezone_standard = '-' + offset_hrs + ':' + offset_min;
    else if(timezone_offset_min == 0)
        timezone_standard = 'Z';

    // Timezone difference in hours and minutes
    // String such as +5:30 or -6:00 or Z
    console.log(timezone_standard); 

Sobald Sie den Zeitzonenversatz in Stunden und Minuten festgelegt haben, können Sie ihn an eine Datums- / Uhrzeitzeichenfolge anhängen.

Ich habe einen Blog-Beitrag darüber geschrieben: http://usefulangle.com/post/30/javascript-get-date-time-with-offset-hours-minutes

Ich würde diese kleine Erweiterung nur verwenden, um Date- http://blog.stevenlevithan.com/archives/date-time-format

var date = new Date(msSinceEpoch);
date.format("isoDateTime"); // 2007-06-09T17:46:21

Ich konnte mit sehr wenig Code unter die Ausgabe kommen.

var ps = new Date('2010-04-02T14:12:07')  ;
ps = ps.toDateString() + " " + ps.getHours() + ":"+ ps.getMinutes() + " hrs";

Ausgabe:

Fri Apr 02 2010 19:42 hrs

function getdatetime() {
    d = new Date();
    return (1e3-~d.getUTCMonth()*10+d.toUTCString()+1e3+d/1)
        .replace(/1(..)..*?(\d+)\D+(\d+).(\S+).*(...)/,'$3-$1-$2T$4.$5Z')
        .replace(/-(\d)T/,'-0$1T');
}

Ich habe die Grundlagen zu Stack Overflow irgendwo gefunden (ich glaube, es war Teil eines anderen Stack Exchange-Code-Golfspiels) und es verbessert, damit es auch in Internet Explorer 10 oder früher funktioniert. Es ist hässlich, aber es erledigt den Job.

Um Seans großartige und prägnante Antwort mit etwas Zucker und moderner Syntax zu erweitern:

// date.js

const getMonthName = (num) => {
  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Oct', 'Nov', 'Dec'];
  return months[num];
};

const formatDate = (d) => {
  const date = new Date(d);
  const year = date.getFullYear();
  const month = getMonthName(date.getMonth());
  const day = ('0' + date.getDate()).slice(-2);
  const hour = ('0' + date.getHours()).slice(-2);
  const minutes = ('0' + date.getMinutes()).slice(-2);

  return `${year} ${month} ${day}, ${hour}:${minutes}`;
};

module.exports = formatDate;

Dann zB.

import formatDate = require('./date');

const myDate = "2018-07-24T13:44:46.493Z"; // Actual value from wherever, eg. MongoDB date
console.log(formatDate(myDate)); // 2018 Jul 24, 13:44