Come posso generare una stringa formattata ISO 8601 in JavaScript?

Ho un Dateoggetto Come si esegue il rendering della titleparte del seguente frammento?

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

Ho la parte "tempo relativo in parole" di un'altra libreria.

Ho provato quanto segue:

function isoDate(msSinceEpoch) {

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

}

Ma questo mi dà:

"2010-4-2T3:19"

Esiste già una funzione chiamata toISOString():

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

Se, in qualche modo, sei su un browser che non lo supporta, ti ho coperto:

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';
    };

  }() );
}

Vedi l'ultimo esempio alla pagina 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

Quasi tutti i metodi ISO sul Web rilasciano le informazioni sul fuso orario applicando un ulu time (UTC) convertito in "Z" prima di emettere la stringa. .ToISOString () nativo del browser elimina anche le informazioni sul fuso orario.

Ciò elimina informazioni preziose, in quanto il server o il destinatario, può sempre convertire una data ISO completa nell'ora Zulu o in qualsiasi fuso orario richiesto, pur ottenendo le informazioni sul fuso orario del mittente.

La migliore soluzione che ho incontrato è utilizzare la libreria javascript Moment.js e utilizzare il seguente codice:

Per ottenere l'ora ISO corrente con informazioni sul fuso orario e millisecondi

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() 

Per ottenere l'ora ISO di un oggetto Date JavaScript nativo con informazioni sul fuso orario ma senza millisecondi

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

Questo può essere combinato con Date.js per ottenere funzioni come Date.today () il cui risultato può quindi essere passato al momento.

Una stringa di data formattata in questo modo è compilatore JSON e si presta bene per essere archiviata in un database. Python e C # sembrano apprezzarlo.

La domanda posta era il formato ISO con precisione ridotta. Ecco:

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

Supponendo che la Z finale sia voluta, altrimenti ometti.

Più breve, ma non supportato da Internet Explorer 8 e precedenti:

new Date().toJSON()

Se non hai bisogno di supportare IE7, il seguente è un ottimo trucco conciso:

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

In genere non voglio visualizzare una data UTC poiché ai clienti non piace fare la conversione nella loro testa. Per visualizzare una data ISO locale , utilizzo la funzione:

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;
};

La funzione sopra omette le informazioni sull'offset del fuso orario (tranne se l'ora locale è UTC), quindi uso la funzione seguente per mostrare l'offset locale in una singola posizione. Puoi anche aggiungere il suo output ai risultati della funzione sopra se vuoi mostrare l'offset in ogni volta:

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

toLocalIsoStringusi pad. Se necessario, funziona come quasi tutte le funzioni dei pad, ma per completezza questo è quello che uso:

// 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;
}

Manca un '+' dopo la 'T'

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

dovrebbe farlo.

Per gli zeri iniziali puoi usare questo da qui :

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(); 
} 

Usandolo in questo modo:

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);
}

Il problema con toISOString è che fornisce datetime solo come "Z".

ISO-8601 definisce anche il datetime con la differenza di fuso orario in ore e minuti, nelle forme come 2016-07-16T19: 20: 30 + 5: 30 (quando il fuso orario è avanti UTC) e 2016-07-16T19: 20: 30-01 : 00 (quando il fuso orario è dietro UTC).

Non penso sia una buona idea usare un altro plugin, moment.js per un compito così piccolo, specialmente quando puoi ottenerlo con poche righe di codice.

    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); 

Una volta ottenuto l'offset del fuso orario in ore e minuti, è possibile aggiungere a una stringa datetime.

Ho scritto un post sul blog: http://usefulangle.com/post/30/javascript-get-date-time-with-offset-hours-minutes

Vorrei solo usare questa piccola estensione per Date- http://blog.stevenlevithan.com/archives/date-time-format

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

Sono stato in grado di ottenere un output inferiore con molto meno codice.

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

Produzione:

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');
}

Ho trovato le basi su Stack Overflow da qualche parte (credo che facesse parte di alcuni altri giochi di golf con Stack Exchange) e l'ho migliorato in modo che funzioni anche su Internet Explorer 10 o versioni precedenti. È brutto, ma fa il lavoro.

Per estendere la risposta grande e concisa di Sean con un po 'di zucchero e sintassi moderna:

// 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;

Quindi ad es.

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