Jak wyprowadzić ciąg w formacie ISO 8601 w JavaScript?

Mam Dateprzedmiot Jak renderować titlefragment następującego fragmentu kodu?

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

Mam część „względny czas w słowach” z innej biblioteki.

Próbowałem następujące:

function isoDate(msSinceEpoch) {

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

}

Ale to daje mi:

"2010-4-2T3:19"

Istnieje już funkcja o nazwie toISOString():

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

Jeśli w jakiś sposób korzystasz z przeglądarki, która go nie obsługuje, zapewniam Ci:

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

  }() );
}

Zobacz ostatni przykład na stronie 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

Prawie każda metoda ISO w sieci upuszcza informacje o strefie czasowej, stosując konwersję do czasu ulu „Z” (UTC) przed wyprowadzeniem ciągu. Natywna funkcja .toISOString () przeglądarki również usuwa informacje o strefie czasowej.

To odrzuca cenne informacje, ponieważ serwer lub odbiorca mogą zawsze przekonwertować pełną datę ISO na czas Zulu lub dowolną strefę czasową, której potrzebuje, jednocześnie otrzymując informacje o strefie czasowej nadawcy.

Najlepszym rozwiązaniem, z jakim się zetknąłem, jest użycie biblioteki javascript Moment.js i użycie następującego kodu:

Aby uzyskać bieżący czas ISO z informacjami o strefie czasowej i milisekundach

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

Aby uzyskać czas ISO natywnego obiektu JavaScript Date z informacjami o strefie czasowej, ale bez milisekund

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

Można to połączyć z Date.js, aby uzyskać funkcje takie jak Date.today (), których wynik można następnie przekazać do momentu.

Tak sformatowany ciąg daty jest zgodny z JSON i dobrze nadaje się do zapisania w bazie danych. Python i C # wydają się to lubić.

Pytanie dotyczyło formatu ISO ze zmniejszoną precyzją. Voila:

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

Zakładając, że końcowy Z jest pożądany, w przeciwnym razie po prostu pomiń.

Najkrótszy, ale nie obsługiwany przez Internet Explorer 8 i wcześniejsze:

new Date().toJSON()

Jeśli nie potrzebujesz obsługi IE7, to świetny, zwięzły hack:

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

Zwykle nie chcę wyświetlać daty UTC, ponieważ klienci nie lubią konwersji w głowie. Aby wyświetlić lokalną datę ISO, używam funkcji:

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

Powyższa funkcja pomija informację o przesunięciu strefy czasowej (z wyjątkiem sytuacji, gdy czasem lokalnym jest UTC), więc używam funkcji poniżej, aby pokazać lokalne przesunięcie w jednym miejscu. Możesz również dołączyć jego wynik do wyników powyższej funkcji, jeśli chcesz wyświetlać przesunięcie za każdym razem:

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

toLocalIsoStringwykorzystuje pad. W razie potrzeby działa jak prawie każda funkcja padu, ale ze względu na kompletność używam tego:

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

Po „T” brakuje „+”

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

powinien to zrobić.

W przypadku zer wiodących możesz użyć tego stąd :

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

Używając tego w ten sposób:

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

Problem z toISOString polega na tym, że podaje datetime tylko jako „Z”.

ISO-8601 definiuje również datę i godzinę z różnicą stref czasowych w godzinach i minutach, w postaciach takich jak 2016-07-16T19: 20: 30 + 5: 30 (kiedy strefa czasowa jest przed UTC) i 2016-07-16T19: 20: 30-01 : 00 (gdy strefa czasowa znajduje się za UTC).

Nie sądzę, że dobrym pomysłem jest użycie innej wtyczki, moment.js do tak małego zadania, zwłaszcza gdy można go uzyskać za pomocą kilku linii kodu.

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

Po przesunięciu strefy czasowej w godzinach i minutach możesz dołączyć do ciągu datetime.

Napisałem na nim post na blogu: http://usefulangle.com/post/30/javascript-get-date-time-with-offset-hours-minutes

Chciałbym użyć tego małego rozszerzenia do Date- http://blog.stevenlevithan.com/archives/date-time-format

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

Byłem w stanie uzyskać poniżej danych wyjściowych przy bardzo mniejszym kodzie.

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

Wynik:

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

Znalazłem gdzieś podstawy przepełnienia stosu (uważam, że było to częścią innego golfowego kodu Stack Exchange) i poprawiłem go, aby działał również w przeglądarce Internet Explorer 10 lub wcześniejszej. Jest brzydka, ale wykonuje zadanie.

Aby rozszerzyć świetną i zwięzłą odpowiedź Seana za pomocą cukru i nowoczesnej składni:

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

Następnie np.

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