Mir ist aufgefallen, dass die new Date()Funktion von JavaScript sehr intelligent ist, wenn es darum geht, Daten in verschiedenen Formaten zu akzeptieren.

Xmas95 = new Date("25 Dec, 1995 23:15:00")
Xmas95 = new Date("2009 06 12,12:52:39")
Xmas95 = new Date("20 09 2006,12:52:39")

Ich konnte nirgendwo eine Dokumentation finden, die alle gültigen Zeichenfolgenformate beim Aufrufen der new Date()Funktion zeigt.

Dies dient zum Konvertieren einer Zeichenfolge in ein Datum. Wenn wir uns die gegenüberliegende Seite ansehen, dh ein Datumsobjekt in eine Zeichenfolge konvertieren, hatte ich bisher den Eindruck, dass JavaScript keine integrierte API zum Formatieren eines Datumsobjekts in eine Zeichenfolge hat.

Anmerkung des Herausgebers: Der folgende Ansatz ist der Versuch des Fragestellers, der in einem bestimmten Browser funktioniert hat, aber im Allgemeinen nicht funktioniert. In den Antworten auf dieser Seite finden Sie einige aktuelle Lösungen.

Heute habe ich mit der toString()Methode für das Datumsobjekt gespielt und überraschenderweise dient sie dazu, das Datum für Zeichenfolgen zu formatieren.

var d1 = new Date();
d1.toString('yyyy-MM-dd');       //Returns "2009-06-29" in Internet Explorer, but not Firefox or Chrome
d1.toString('dddd, MMMM ,yyyy')  //Returns "Monday, June 29,2009" in Internet Explorer, but not Firefox or Chrome

Auch hier konnte ich keine Dokumentation darüber finden, wie wir das Datumsobjekt in eine Zeichenfolge formatieren können.

Wo befindet sich die Dokumentation, in der die vom Date()Objekt unterstützten Formatbezeichner aufgeführt sind ?

Ich liebe 10 Möglichkeiten, Zeit und Datum mit JavaScript und Arbeiten mit Daten zu formatieren .

Grundsätzlich haben Sie drei Methoden und müssen die Zeichenfolgen für sich selbst kombinieren:

getDate() // Returns the date
getMonth() // Returns the month
getFullYear() // Returns the year

Beispiel:

var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months are zero based
var curr_year = d.getFullYear();
console.log(curr_date + "-" + curr_month + "-" + curr_year);

Moment.js

Es ist eine (leichte) * JavaScript-Datumsbibliothek zum Parsen, Bearbeiten und Formatieren von Datumsangaben.

var a = moment([2010, 1, 14, 15, 25, 50, 125]);
a.format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, February 14th 2010, 3:25:50 pm"
a.format("ddd, hA");                       // "Sun, 3PM"

(*) Leichtgewicht bedeutet 9,3 KB minimiert + gezippt im kleinstmöglichen Setup (Februar 2014)

Wenn Sie in Ihrem Projekt bereits die jQuery-Benutzeroberfläche verwenden , können Sie die integrierte Datepicker-Methode zum Formatieren Ihres Datumsobjekts verwenden:

$.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26));

Der Datepicker formatiert jedoch nur Datumsangaben und kann keine Zeiten formatieren.

Schauen Sie sich die Beispiele für jQuery UI datepicker formatDate an .

Wo befindet sich die Dokumentation, in der die vom Date()Objekt unterstützten Formatbezeichner aufgeführt sind ?

Ich bin heute darauf gestoßen und war ziemlich überrascht, dass sich niemand die Zeit genommen hat, diese einfache Frage zu beantworten. Es stimmt, es gibt viele Bibliotheken, die bei der Datumsmanipulation helfen. Einige sind besser als andere. Aber das war nicht die gestellte Frage.

AFAIK, reines JavaScript unterstützt keine Formatbezeichner, wie Sie angegeben haben, dass Sie sie verwenden möchten . Aber es unterstützt Methoden zur Formatierung von Datums- und / oder Zeiten, wie .toLocaleDateString(), .toLocaleTimeString()und .toUTCString().

Die DateObjektreferenz, die ich am häufigsten verwende, befindet sich auf der Website w3schools.com (aber eine schnelle Google-Suche zeigt viel mehr, die Ihren Anforderungen möglicherweise besser entsprechen).

Beachten Sie auch, dass der Abschnitt Eigenschaften von Datumsobjekten einen Link zu enthält prototype, der einige Möglichkeiten veranschaulicht, wie Sie das Datumsobjekt mit benutzerdefinierten Methoden erweitern können. Es gab einige Diskussionen in der JavaScript - Community über die Jahre darüber , ob oder nicht , das ist beste Praxis, und ich bin nicht dafür , für oder gegen sie, nur seine Existenz hinzuweisen.

Benutzerdefinierte Formatierungsfunktion:

Bei festen Formaten erledigt eine einfache Funktion den Job. Das folgende Beispiel generiert das internationale Format JJJJ-MM-TT:

function dateToYMD(date) {
    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    return '' + y + '-' + (m<=9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d);
}

Hinweis: Es ist jedoch normalerweise keine gute Idee, die Javascript-Standardbibliotheken zu erweitern (z. B. durch Hinzufügen dieser Funktion zum Prototyp von Date).

Eine erweiterte Funktion könnte eine konfigurierbare Ausgabe basierend auf einem Formatparameter generieren. Auf derselben Seite finden Sie einige gute Beispiele.

Wenn das Schreiben einer Formatierungsfunktion zu lang ist, gibt es viele Bibliotheken, in denen dies möglich ist. Einige andere Antworten führen sie bereits auf. Zunehmende Abhängigkeiten haben aber auch ein Gegenstück.

Standardfunktionen zur ECMAScript-Formatierung:

Seit neueren Versionen von ECMAscript verfügt die DateKlasse über einige spezifische Formatierungsfunktionen:

toDateString : Implementierungsabhängig, nur das Datum anzeigen .

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.todatestring

new Date().toDateString(); // e.g. "Fri Nov 11 2016"

toISOString : Datum und Uhrzeit von ISO 8601 anzeigen .

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.toisostring

new Date().toISOString(); // e.g. "2016-11-21T08:00:00.000Z"

toJSON : Stringifier für JSON.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tojson

new Date().toJSON(); // e.g. "2016-11-21T08:00:00.000Z"

toLocaleDateString : Implementierungsabhängig, ein Datum im Gebietsschemaformat.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tolocaledatestring

new Date().toLocaleDateString(); // e.g. "21/11/2016"

toLocaleString : Implementierungsabhängig, Datum und Uhrzeit im Gebietsschemaformat.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tolocalestring

new Date().toLocaleString(); // e.g. "21/11/2016, 08:00:00 AM"

toLocaleTimeString : Implementierungsabhängig, eine Zeit im Gebietsschemaformat.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tolocaletimestring

new Date().toLocaleTimeString(); // e.g. "08:00:00 AM"

toString : Generischer toString für Datum.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tostring

new Date().toString(); // e.g. "Fri Nov 11 2016 08:00:00 GMT+0100 (W. Europe Standard Time)"

Hinweis: Aus diesen Formatierungsfunktionen können benutzerdefinierte Ausgaben generiert werden:

new Date().toISOString().slice(0,10); // By @Image72, return YYYY-MM-DD

Die kurze Antwort

Es gibt keine „universelle“ Dokumentation, für die Javascript geeignet ist. Jeder Browser mit Javascript ist wirklich eine Implementierung. Es gibt jedoch einen Standard, dem die meisten modernen Browser folgen, und das ist der EMCAScript-Standard. Die ECMAScript-Standardzeichenfolgen würden mindestens eine modifizierte Implementierung der ISO 8601-Definition erfordern.

Darüber hinaus gibt es einen zweiten von der IETF vorgegebenen Standard , dem auch Browser folgen. Dies ist die Definition für Zeitstempel, die im RFC 2822 erstellt wurden. Die aktuelle Dokumentation finden Sie in der Referenzliste unten.

Von diesem können Sie grundlegende Funktionen erwarten, aber was "sein sollte", ist nicht von Natur aus das, was "ist". Ich werde mich jedoch ein wenig eingehend mit diesem Verfahren befassen, da anscheinend nur drei Personen tatsächlich die Frage beantwortet haben (Scott, goofballLogic und peller), was für mich darauf hindeutet, dass die meisten Menschen nicht wissen, was tatsächlich passiert, wenn Sie Erstellen Sie ein Datumsobjekt.

Die lange Antwort

Wo befindet sich die Dokumentation, in der die vom Date () - Objekt unterstützten Formatbezeichner aufgeführt sind?

Um die Frage zu beantworten oder normalerweise sogar nach der Antwort auf diese Frage zu suchen, müssen Sie wissen, dass Javascript keine neuartige Sprache ist. Es handelt sich tatsächlich um eine Implementierung von ECMAScript und folgt den ECMAScript-Standards (beachten Sie jedoch, dass Javascript diese Standards auch tatsächlich vorweggenommen hat; EMCAScript-Standards basieren auf der frühen Implementierung von LiveScript / JavaScript). Der aktuelle ECMAScript-Standard ist 5.1 (2011); Zu dem Zeitpunkt, als die Frage ursprünglich gestellt wurde (Juni '09), war der Standard 3 (4 wurde aufgegeben), aber 5 wurde kurz nach dem Post Ende 2009 veröffentlicht. Dies sollte ein Problem umreißen; Welchem ​​Standard eine Javascript-Implementierung folgen kann, spiegelt möglicherweise nicht wider, was tatsächlich vorhanden ist, da a) es sich um eine Implementierung eines bestimmten Standards handelt, b) nicht alle Implementierungen eines Standards puritanisch sind,

Im Wesentlichen handelt es sich beim Umgang mit Javascript um ein Derivat (für den Browser spezifisches Javascript) einer Implementierung (Javascript selbst). Google V8 implementiert beispielsweise ECMAScript 5.0, aber JScript von Internet Explorer versucht nicht, einem ECMAScript-Standard zu entsprechen, Internet Explorer 9 entspricht jedoch ECMAScript 5.0.

Wenn ein einzelnes Argument an new Date () übergeben wird, wird dieser Funktionsprototyp umgewandelt:

new Date(value)

Wenn zwei oder mehr Argumente an new Date () übergeben werden, wird dieser Funktionsprototyp umgewandelt:

new Date (year, month [, date [, hours [, minutes [, seconds [, ms ] ] ] ] ] )

Beide Funktionen sollten vertraut aussehen, aber dies beantwortet Ihre Frage nicht sofort und was als akzeptables „Datumsformat“ quantifiziert wird, bedarf weiterer Erläuterungen. Wenn Sie eine Zeichenfolge an new Date () übergeben, wird der Prototyp aufgerufen (beachten Sie, dass ich das Wort Prototyp lose verwende; die Versionen können einzelne Funktionen sein oder Teil einer bedingten Anweisung in einer einzelnen Funktion) für neues Datum (Wert) mit Ihrer Zeichenfolge als Argument für den Parameter "Wert". Diese Funktion prüft zunächst, ob es sich um eine Zahl oder eine Zeichenfolge handelt. Die Dokumentation zu dieser Funktion finden Sie hier:

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.3.2

Daraus können wir schließen, dass wir uns die Methode Date.parse (Zeichenfolge) ansehen müssen, um die für neues Datum (Wert) zulässige Zeichenfolgenformatierung zu erhalten. Die Dokumentation zu dieser Methode finden Sie hier:

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.4.2

Und wir können weiter schließen, dass die Daten voraussichtlich in einem modifizierten erweiterten ISO 8601-Format vorliegen, wie hier angegeben:

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15

Aus Erfahrung können wir jedoch erkennen, dass das Date-Objekt von Javascript andere Formate akzeptiert (was durch das Vorhandensein dieser Frage in erster Linie erzwungen wird), und dies ist in Ordnung, da ECMAScript implementierungsspezifische Formate zulässt. Dies beantwortet jedoch immer noch nicht die Frage, welche Dokumentation zu den verfügbaren Formaten verfügbar ist und welche Formate tatsächlich zulässig sind. Wir werden uns die Javascript-Implementierung von Google, V8, ansehen. Bitte beachten Sie, dass ich nicht vorschlage, dass dies die "beste" Javascript-Engine ist (wie kann man "beste" oder sogar "gut" definieren) und man nicht davon ausgehen kann, dass die in V8 zulässigen Formate alle heute verfügbaren Formate darstellen, aber ich denke, dass dies fair ist anzunehmen, dass sie den modernen Erwartungen folgen.

Googles V8, date.js, DateConstructor

https://code.google.com/p/v8/source/browse/trunk/src/date.js?r=18400#141

Wenn wir uns die DateConstructor-Funktion ansehen, können wir ableiten, dass wir die DateParse-Funktion finden müssen. Beachten Sie jedoch, dass „Jahr“ nicht das tatsächliche Jahr ist und nur auf den Parameter „Jahr“ verweist.

Googles V8, date.js, DateParse

https://code.google.com/p/v8/source/browse/trunk/src/date.js?r=18400#270

Dies ruft% DateParseString auf, was eigentlich eine Laufzeitfunktionsreferenz für eine C ++ - Funktion ist. Es bezieht sich auf den folgenden Code:

Googles V8, runtime.cc,% DateParseString

https://code.google.com/p/v8/source/browse/trunk/src/runtime.cc?r=18400#9559

Der Funktionsaufruf, mit dem wir uns in dieser Funktion befassen, ist für DateParser :: Parse (); Ignorieren Sie die Logik, die diese Funktionsaufrufe umgibt. Dies sind lediglich Überprüfungen, um dem Codierungstyp (ASCII und UC16) zu entsprechen. DateParser :: Parse ist hier definiert:

Googles V8, dateparser-inl.h, DateParser :: Parse

https://code.google.com/p/v8/source/browse/trunk/src/dateparser-inl.h?r=18400#36

Dies ist die Funktion, die tatsächlich definiert, welche Formate akzeptiert werden. Im Wesentlichen wird nach dem EMCAScript 5.0 ISO 8601-Standard gesucht. Wenn dieser nicht den Standards entspricht, wird versucht, das Datum auf der Grundlage älterer Formate zu erstellen. Einige wichtige Punkte basierend auf den Kommentaren:

1. Wörter vor der ersten Nummer, die dem Parser unbekannt sind, werden ignoriert.
2. Text in Klammern wird ignoriert.
3. Vorzeichenlose Zahlen gefolgt von „:“ werden als „Zeitkomponente“ interpretiert.
4. Vorzeichenlose Nummern gefolgt von "." werden als „Zeitkomponente“ interpretiert und müssen von Millisekunden gefolgt werden.
5. Vorzeichenbehaftete Zahlen, gefolgt von Stunde oder Stunde Minute (z. B. +5: 15 oder +0515), werden als Zeitzone interpretiert.
6. Bei der Angabe von Stunde und Minute können Sie entweder "hh: mm" oder "hhmm" verwenden.
7. Wörter, die eine Zeitzone angeben, werden als Zeitzone interpretiert.
8. Alle anderen Zahlen werden als „Datumskomponenten“ interpretiert.
9. Alle Wörter, die mit den ersten drei Ziffern eines Monats beginnen, werden als Monat interpretiert.
10. Sie können Minuten und Stunden zusammen in einem der beiden Formate definieren: "hh: mm" oder "hhmm".
11. Symbole wie "+", "-" und nicht übereinstimmend ")" sind nach der Verarbeitung einer Nummer nicht mehr zulässig.
12. Elemente, die mehreren Formaten entsprechen (z. B. 1970-01-01), werden als standardkonforme EMCAScript 5.0 ISO 8601-Zeichenfolge verarbeitet.

Dies sollte also ausreichen, um Ihnen eine grundlegende Vorstellung davon zu geben, was Sie erwartet, wenn Sie eine Zeichenfolge an ein Date-Objekt übergeben. Sie können dies weiter ausbauen, indem Sie sich die folgende Spezifikation ansehen, auf die Mozilla im Mozilla Developer Network verweist (gemäß den IETF RFC 2822-Zeitstempeln):

http://tools.ietf.org/html/rfc2822#page-14

Das Microsoft Developer Network erwähnt zusätzlich einen zusätzlichen Standard für das Date-Objekt: ECMA-402, die ECMAScript Internationalization API-Spezifikation, die den ECMAScript 5.1-Standard (und zukünftige) ergänzt. Das finden Sie hier:

http://www.ecma-international.org/ecma-402/1.0/

In jedem Fall sollte dies dazu beitragen, hervorzuheben, dass es keine "Dokumentation" gibt, die universell alle Implementierungen von Javascript darstellt, aber dennoch genügend Dokumentation verfügbar ist, um einen vernünftigen Eindruck davon zu bekommen, welche Zeichenfolgen für ein Date-Objekt akzeptabel sind. Ziemlich die geladene Frage, wenn Sie darüber nachdenken, ja? : P.

Verweise

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.3.2

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.4.2

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15

http://tools.ietf.org/html/rfc2822#page-14

http://www.ecma-international.org/ecma-402/1.0/

https://code.google.com/p/v8/source/browse/trunk/src/date.js?r=18400#141

https://code.google.com/p/v8/source/browse/trunk/src/date.js?r=18400#270

https://code.google.com/p/v8/source/browse/trunk/src/runtime.cc?r=18400#9559

https://code.google.com/p/v8/source/browse/trunk/src/dateparser-inl.h?r=18400#36

Ressourcen

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

http://msdn.microsoft.com/en-us/library/ff743760(v=vs.94).aspx

Stellen Sie sicher, dass Sie Datejs auschecken, wenn Sie mit Datumsangaben in JavaScript arbeiten. Es ist ziemlich beeindruckend und gut dokumentiert, wie Sie im Fall der toString-Funktion sehen können .

EDIT : Tyler Forsythe weist darauf hin, dass das Datum veraltet ist. Ich verwende es in meinem aktuellen Projekt und hatte keine Probleme damit. Sie sollten sich dessen jedoch bewusst sein und Alternativen in Betracht ziehen.

Sie können das DateObjekt einfach mit einer neuen formatMethode erweitern, wie von meizz angegeben . Unten finden Sie den vom Autor angegebenen Code. Und hier ist eine Geige .

Date.prototype.format = function(format) //author: meizz
{
  var o = {
    "M+" : this.getMonth()+1, //month
    "d+" : this.getDate(),    //day
    "h+" : this.getHours(),   //hour
    "m+" : this.getMinutes(), //minute
    "s+" : this.getSeconds(), //second
    "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
    "S" : this.getMilliseconds() //millisecond
  }

  if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
    (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  for(var k in o)if(new RegExp("("+ k +")").test(format))
    format = format.replace(RegExp.$1,
      RegExp.$1.length==1 ? o[k] :
        ("00"+ o[k]).substr((""+ o[k]).length));
  return format;
}

alert(new Date().format("yyyy-MM-dd"));
alert(new Date("january 12 2008 11:12:30").format("yyyy-MM-dd h:mm:ss"));

Die von Ihnen genannte Funktionalität ist kein Standard-Javascript, wahrscheinlich nicht für alle Browser portierbar und daher keine bewährte Methode. Die ECMAScript 3-Spezifikation überlässt die Funktion für Analyse- und Ausgabeformate der Javascript-Implementierung. ECMAScript 5 fügt eine Teilmenge der ISO8601-Unterstützung hinzu. Ich glaube, die von Ihnen erwähnte Funktion toString () ist eine Innovation in einem Browser (Mozilla?)

Mehrere Bibliotheken bieten Routinen zur Parametrisierung, einige mit umfassender Lokalisierungsunterstützung. Sie können die Methoden auch in dojo.date.locale überprüfen .

Ich habe diesen sehr einfachen Formatierer erstellt, er ist cut / n / pastable (aktualisiert mit einer übersichtlicheren Version):

function DateFmt(fstr) {
  this.formatString = fstr

  var mthNames = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
  var dayNames = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
  var zeroPad = function(number) {
     return ("0"+number).substr(-2,2);
  }

  var dateMarkers = {
    d:['getDate',function(v) { return zeroPad(v)}],
    m:['getMonth',function(v) { return zeroPad(v+1)}],
    n:['getMonth',function(v) { return mthNames[v]; }],
    w:['getDay',function(v) { return dayNames[v]; }],
    y:['getFullYear'],
    H:['getHours',function(v) { return zeroPad(v)}],
    M:['getMinutes',function(v) { return zeroPad(v)}],
    S:['getSeconds',function(v) { return zeroPad(v)}],
    i:['toISOString']
  };

  this.format = function(date) {
    var dateTxt = this.formatString.replace(/%(.)/g, function(m, p) {
      var rv = date[(dateMarkers[p])[0]]()

      if ( dateMarkers[p][1] != null ) rv = dateMarkers[p][1](rv)

      return rv

    });

    return dateTxt
  }

}

fmt = new DateFmt("%w %d:%n:%y - %H:%M:%S  %i")
v = fmt.format(new Date())

http://snipplr.com/view/66968.82825/

Framework frei, begrenzt aber leicht

var d = (new Date()+'').split(' ');
// ["Tue", "Sep", "03", "2013", "21:54:52", "GMT-0500", "(Central", "Daylight", "Time)"]

[d[3], d[1], d[2], d[4]].join(' ');
// "2013 Sep 03 21:58:03"

DateJS ist sicherlich voll ausgestattet, aber ich würde diese VIEL einfachere Bibliothek (JavaScript Date Format) empfehlen, die ich einfach bevorzuge, weil sie nur etwa 120 Zeilen enthält.

Nachdem ich einige der in anderen Antworten enthaltenen Optionen durchgesehen hatte, beschloss ich, meine eigene begrenzte, aber einfache Lösung zu schreiben, die andere möglicherweise ebenfalls nützlich finden.

/**
* Format date as a string
* @param date - a date object (usually "new Date();")
* @param format - a string format, eg. "DD-MM-YYYY"
*/
function dateFormat(date, format) {
    // Calculate date parts and replace instances in format string accordingly
    format = format.replace("DD", (date.getDate() < 10 ? '0' : '') + date.getDate()); // Pad with '0' if needed
    format = format.replace("MM", (date.getMonth() < 9 ? '0' : '') + (date.getMonth() + 1)); // Months are zero-based
    format = format.replace("YYYY", date.getFullYear());
    return format;
}

Anwendungsbeispiel:

console.log("The date is: " + dateFormat(new Date(), "DD/MM/YYYY"));

Hier ist eine Funktion, die ich oft benutze. Das Ergebnis ist JJJJ-MM-TT HH: MM: SS.NNN.

function date_and_time() {
    var date = new Date();
    //zero-pad a single zero if needed
    var zp = function (val){
        return (val <= 9 ? '0' + val : '' + val);
    }

    //zero-pad up to two zeroes if needed
    var zp2 = function(val){
        return val <= 99? (val <=9? '00' + val : '0' + val) : ('' + val ) ;
    }

    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    var h = date.getHours();
    var min = date.getMinutes();
    var s = date.getSeconds();
    var ms = date.getMilliseconds();
    return '' + y + '-' + zp(m) + '-' + zp(d) + ' ' + zp(h) + ':' + zp(min) + ':' + zp(s) + '.' + zp2(ms);
}

Diese Änderung des Datumsobjekts ist möglicherweise nützlich. Sie ist kleiner als jede Bibliothek und kann problemlos erweitert werden, um verschiedene Formate zu unterstützen:

HINWEIS:

• Es verwendet Object.keys (), das in älteren Browsern nicht definiert ist, sodass Sie möglicherweise Polyfill über einen bestimmten Link implementieren müssen.

CODE

Date.prototype.format = function(format) {
    // set default format if function argument not provided
    format = format || 'YYYY-MM-DD hh:mm';

    var zeropad = function(number, length) {
            number = number.toString();
            length = length || 2;
            while(number.length < length)
                number = '0' + number;
            return number;
        },
        // here you can define your formats
        formats = {
            YYYY: this.getFullYear(),
            MM: zeropad(this.getMonth() + 1),
            DD: zeropad(this.getDate()),
            hh: zeropad(this.getHours()),
            mm: zeropad(this.getMinutes())
        },
        pattern = '(' + Object.keys(formats).join(')|(') + ')';

    return format.replace(new RegExp(pattern, 'g'), function(match) {
        return formats[match];
    });
};

VERWENDEN

var now = new Date;
console.log(now.format());
// outputs: 2015-02-09 11:47
var yesterday = new Date('2015-02-08');
console.log(yesterday.format('hh:mm YYYY/MM/DD'));
// outputs: 00:00 2015/02/08

Nur um die solide Antwort von Gongzhitaao fortzusetzen - dies behandelt AM / PM

 Date.prototype.format = function (format) //author: meizz
{
    var hours = this.getHours();
    var ttime = "AM";
    if(format.indexOf("t") > -1 && hours > 12)
    {
        hours = hours - 12;
        ttime = "PM";
     }

var o = {
    "M+": this.getMonth() + 1, //month
    "d+": this.getDate(),    //day
    "h+": hours,   //hour
    "m+": this.getMinutes(), //minute
    "s+": this.getSeconds(), //second
    "q+": Math.floor((this.getMonth() + 3) / 3),  //quarter
    "S": this.getMilliseconds(), //millisecond,
    "t+": ttime
}

if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
  (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o) if (new RegExp("(" + k + ")").test(format))
    format = format.replace(RegExp.$1,
      RegExp.$1.length == 1 ? o[k] :
        ("00" + o[k]).substr(("" + o[k]).length));
return format;
}

Ich konnte keine endgültige Dokumentation zu gültigen Datumsformaten finden und habe meinen eigenen Test geschrieben, um festzustellen, was in verschiedenen Browsern unterstützt wird.

http://blarg.co.uk/blog/javascript-date-formats

Meine Ergebnisse haben ergeben, dass die folgenden Formate in allen von mir getesteten Browsern gültig sind (Beispiele verwenden das Datum "9. August 2013"):

[Volles Jahr] / [Monat] / [Datumsnummer] - Monat kann entweder die Zahl mit oder ohne führende Null oder der Monatsname im Kurz- oder Langformat sein, und die Datumsnummer kann mit oder ohne führende Null sein.

• 09.08.2013
• 09.08.2013
• 09.08.2013
• 09.08.2013
• 2013 / August / 09
• 2013 / August / 9
• 2013 / Aug / 09
• 2013 / Aug / 9

[Monat] / [Volles Jahr] / [Datumsnummer] - Monat kann entweder die Zahl mit oder ohne führende Null oder der Monatsname im Kurz- oder Langformat sein, und die Datumsnummer kann mit oder ohne führende Null sein.

• 08/2013/09
• 08/2013/9
• 8/2013/09
• 8/2013/9
• August / 2013/09
• August / 2013/9
• Aug / 2013/09
• Aug / 2013/9

Jede durch Leerzeichen getrennte Kombination aus [Gesamtjahr], [Monatsname] und [Datumsnummer] - Der Monatsname kann entweder kurz oder lang sein, und die Datumsnummer kann mit oder ohne führende Null sein.

• 2013 August 09
• August 2013 09
• 09. August 2013
• 2013 Aug 09
• 9. August 2013
• 2013 9 Aug.
• usw...

Auch gültig in "modernen Browsern" (oder mit anderen Worten allen Browsern außer IE9 und darunter)

[Ganzes Jahr] - [Monatsnummer] - [Datumsnummer] - Monat und Datumsnummer müssen führende Nullen enthalten (dies ist das Format, das der MySQL-Datumstyp verwendet).

• 09.08.2013

Verwenden von Monatsnamen:
Interessanterweise habe ich bei der Verwendung von Monatsnamen festgestellt, dass nur die ersten drei Zeichen des Monatsnamens verwendet werden, sodass alle folgenden Punkte vollkommen gültig sind:

new Date('9 August 2013');
new Date('9 Aug 2013');
new Date('9 Augu 2013');
new Date('9 Augustagfsdgsd 2013');

Das Formatieren und insbesondere das Parsen von Daten in JavaScript kann Kopfschmerzen bereiten. Nicht alle Browser behandeln Datumsangaben gleich. Während es nützlich ist, die Basismethoden zu kennen, ist es praktischer, eine Hilfsbibliothek zu verwenden.

Die Javascript-Bibliothek XDate von Adam Shaw gibt es seit Mitte 2011 und befindet sich noch in der aktiven Entwicklung. Es hat eine fantastische Dokumentation, eine großartige API, Formatierung, versucht abwärtskompatibel zu bleiben und unterstützt sogar lokalisierte Zeichenfolgen.

Link zum Ändern der Gebietsschema-Zeichenfolgen: https://gist.github.com/1221376

Beispielcode:

var d = new Date();
var time = d.toISOString().replace(/.*?T(\d+:\d+:\d+).*/, "$1");

Ausgabe:

"13:45:20"

Die Bibliothek sugger.js bietet einige großartige Funktionen für die Arbeit mit Datumsangaben in JavaScript. Und es ist sehr gut dokumentiert .

Sugar gibt der Date-Klasse viel Liebe, beginnend mit der Date.create-Methode, die Datumsangaben in nahezu jedem Format in 15 Hauptsprachen verstehen kann, einschließlich relativer Formate wie "vor 1 Stunde". Daten können auch in einem beliebigen Format oder einer beliebigen Sprache mit einer leicht verständlichen Syntax ausgegeben werden, mit Verknüpfungen zu häufig verwendeten Datumsformaten. Ein komplexer Datumsvergleich ist auch mit Methoden wie is möglich, die jedes Format verstehen und eingebaute Präzision anwenden.

Einige Beispiele:

Date.create('July 4, 1776')  -> July 4, 1776
Date.create(-446806800000)   -> November 5, 1955
Date.create(1776, 6, 4)      -> July 4, 1776
Date.create('1776年07月04日', 'ja') -> July 4, 1776
Date.utc.create('July 4, 1776', 'en')  -> July 4, 1776

Date.create().format('{Weekday} {d} {Month}, {yyyy}')    -> Monday July 4, 2003
Date.create().format('{hh}:{mm}')                        -> 15:57
Date.create().format('{12hr}:{mm}{tt}')                  -> 3:57pm
Date.create().format(Date.ISO8601_DATETIME)              -> 2011-07-05 12:24:55.528Z

Date.create().is('the 7th of June') -> false
Date.create().addMonths(2); ->"Sunday, June 15, 2014 13:39"

Alle Browser

Die zuverlässigste Methode zum Formatieren eines Datums mit dem von Ihnen verwendeten Quellformat besteht darin, die folgenden Schritte auszuführen:

1. Verwenden Sie new Date()diese Option , um ein DateObjekt zu erstellen
2. Verwendung .getDate(), .getMonth()und.getFullYear() erhalten jeweils den Tag, Monat und Jahr
3. Fügen Sie die Teile entsprechend Ihrem Zielformat zusammen

Beispiel:

var date = '2015-11-09T10:46:15.097Z';

function format(input) {
    var date = new Date(input);
    return [
       ("0" + date.getDate()).slice(-2),
       ("0" + (date.getMonth()+1)).slice(-2),
       date.getFullYear()
    ].join('/');
}

document.body.innerHTML = format(date); // OUTPUT : 09/11/2015

(Siehe auch diese Geige ).

Nur moderne Browser

Sie können auch die integrierte .toLocaleDateStringMethode verwenden, um die Formatierung für Sie durchzuführen. Sie müssen nur das richtige Gebietsschema und die richtigen Optionen angeben, um das richtige Format zu finden, das leider nur von modernen Browsern unterstützt wird (*) :

var date = '2015-11-09T10:46:15.097Z';

function format(input) {
    return new Date(input).toLocaleDateString('en-GB', {
        year: 'numeric',
        month: '2-digit',
        day: '2-digit'
    });
}

document.body.innerHTML = format(date); // OUTPUT : 09/11/2015

(Siehe auch diese Geige ).

(*) Laut MDN bedeutet "Moderne Browser" die nächtliche Erstellung von Chrome 24+, Firefox 29+, IE11, Edge12 +, Opera 15+ und Safari

Nur eine weitere Option, die ich geschrieben habe:

DP_DateExtensions-Bibliothek

Ich bin mir nicht sicher, ob es helfen wird, aber ich fand es in mehreren Projekten nützlich - es sieht so aus, als würde es das tun, was Sie brauchen.

Unterstützt Datums- / Uhrzeitformatierung, Datumsberechnung (Hinzufügen / Subtrahieren von Datumsteilen), Datumsvergleich, Datumsanalyse usw. Es ist großzügig Open Source.

Kein Grund, darüber nachzudenken, wenn Sie bereits ein Framework verwenden (alle sind in der Lage), aber wenn Sie einem Projekt nur schnell eine Datumsmanipulation hinzufügen müssen, geben Sie ihm eine Chance.

Wenn Sie nur die Zeit mit zwei Ziffern anzeigen möchten , kann dies hilfreich sein:

var now = new Date();
var cHour = now.getHours();
var cMinuts = now.getMinutes();
var cSeconds = now.getSeconds();

var outStr = (cHour <= 0 ? ('0' + cHour) : cHour) + ':' + (cMinuts <= 9 ? ('0' + cMinuts) : cMinuts) + ':' + (cSeconds <= 9 ? '0' + cSeconds : cSeconds);

Verwenden Sie diese Funktionen

toTimeString() and toLocaleDateString()

Weitere Informationen finden Sie unter dem folgenden Link: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

JsSimpleDateFormat ist eine Bibliothek, die das Datumsobjekt formatieren und die formatierte Zeichenfolge zurück zum Datumsobjekt analysieren kann. Es verwendet das Java-Format (SimpleDateFormat-Klasse). Der Name von Monaten und Tagen kann lokalisiert werden.

Beispiel:

var sdf = new JsSimpleDateFormat("EEEE, MMMM dd, yyyy");
var formattedString = sdf.format(new Date());
var dateObject = sdf.parse("Monday, June 29, 2009");

Die Antwort lautet "nirgendwo", da die Datumsformatierung eine proprietäre Funktionalität ist. Ich glaube nicht, dass die toString-Funktionen einem bestimmten Format entsprechen sollen. Beispiel: In der ECMAScript 5.1-Spezifikation ( http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf , 08.02.2013, Seite 173) ist die toString- Funktion wie folgt dokumentiert ::

"Der Inhalt des Strings ist implementierungsabhängig"

Funktionen wie die folgenden Beispiele können verwendet werden, um die Formatierung relativ einfach durchzuführen.

function pad(toPad, padWith) {
    return (String(padWith) + String(toPad)).slice(-1 * padWith.length);
}

function dateAsInputValue(toFormat) {
    if(!(toFormat instanceof Date)) return null;
    return toFormat.getFullYear() + "-" + pad(toFormat.getMonth() + 1, "00") + "-" + pad(toFormat.getDate(), "00");
}

function timeAsInputValue(toFormat) {
    if(!(toFormat instanceof Date)) return null;        
    return pad(toFormat.getHours(), "00") + ":" + pad(toFormat.getMinutes(), "00") + ":" + pad(toFormat.getSeconds(), "00");
}

Wenn Sie nicht alle Funktionen benötigen, die eine Bibliothek wie Moment.js bietet, können Sie meinen Strftime- Port verwenden . Es ist leicht (1,35 KB gegenüber 57,9 KB im Vergleich zu Moment.js 2.15.0) und bietet den größten Teil der Funktionalität von strftime().

/* Port of strftime(). Compatibility notes:
 *
 * %c - formatted string is slightly different
 * %D - not implemented (use "%m/%d/%y" or "%d/%m/%y")
 * %e - space is not added
 * %E - not implemented
 * %h - not implemented (use "%b")
 * %k - space is not added
 * %n - not implemented (use "\n")
 * %O - not implemented
 * %r - not implemented (use "%I:%M:%S %p")
 * %R - not implemented (use "%H:%M")
 * %t - not implemented (use "\t")
 * %T - not implemented (use "%H:%M:%S")
 * %U - not implemented
 * %W - not implemented
 * %+ - not implemented
 * %% - not implemented (use "%")
 *
 * strftime() reference:
 * http://man7.org/linux/man-pages/man3/strftime.3.html
 *
 * Day of year (%j) code based on Joe Orost's answer:
 * http://stackoverflow.com/questions/8619879/javascript-calculate-the-day-of-the-year-1-366
 *
 * Week number (%V) code based on Taco van den Broek's prototype:
 * http://techblog.procurios.nl/k/news/view/33796/14863/calculate-iso-8601-week-and-year-in-javascript.html
 */
function strftime(sFormat, date) {
  if (!(date instanceof Date)) date = new Date();
  var nDay = date.getDay(),
    nDate = date.getDate(),
    nMonth = date.getMonth(),
    nYear = date.getFullYear(),
    nHour = date.getHours(),
    aDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
    aMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    aDayCount = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334],
    isLeapYear = function() {
      if (nYear&3!==0) return false;
      return nYear%100!==0 || year%400===0;
    },
    getThursday = function() {
      var target = new Date(date);
      target.setDate(nDate - ((nDay+6)%7) + 3);
      return target;
    },
    zeroPad = function(nNum, nPad) {
      return ('' + (Math.pow(10, nPad) + nNum)).slice(1);
    };
  return sFormat.replace(/%[a-z]/gi, function(sMatch) {
    return {
      '%a': aDays[nDay].slice(0,3),
      '%A': aDays[nDay],
      '%b': aMonths[nMonth].slice(0,3),
      '%B': aMonths[nMonth],
      '%c': date.toUTCString(),
      '%C': Math.floor(nYear/100),
      '%d': zeroPad(nDate, 2),
      '%e': nDate,
      '%F': date.toISOString().slice(0,10),
      '%G': getThursday().getFullYear(),
      '%g': ('' + getThursday().getFullYear()).slice(2),
      '%H': zeroPad(nHour, 2),
      '%I': zeroPad((nHour+11)%12 + 1, 2),
      '%j': zeroPad(aDayCount[nMonth] + nDate + ((nMonth>1 && isLeapYear()) ? 1 : 0), 3),
      '%k': '' + nHour,
      '%l': (nHour+11)%12 + 1,
      '%m': zeroPad(nMonth + 1, 2),
      '%M': zeroPad(date.getMinutes(), 2),
      '%p': (nHour<12) ? 'AM' : 'PM',
      '%P': (nHour<12) ? 'am' : 'pm',
      '%s': Math.round(date.getTime()/1000),
      '%S': zeroPad(date.getSeconds(), 2),
      '%u': nDay || 7,
      '%V': (function() {
              var target = getThursday(),
                n1stThu = target.valueOf();
              target.setMonth(0, 1);
              var nJan1 = target.getDay();
              if (nJan1!==4) target.setMonth(0, 1 + ((4-nJan1)+7)%7);
              return zeroPad(1 + Math.ceil((n1stThu-target)/604800000), 2);
            })(),
      '%w': '' + nDay,
      '%x': date.toLocaleDateString(),
      '%X': date.toLocaleTimeString(),
      '%y': ('' + nYear).slice(2),
      '%Y': nYear,
      '%z': date.toTimeString().replace(/.+GMT([+-]\d+).+/, '$1'),
      '%Z': date.toTimeString().replace(/.+\((.+?)\)$/, '$1')
    }[sMatch] || sMatch;
  });
}

Beispielnutzung:

strftime('%F'); // Returns "2016-09-15"
strftime('%A, %B %e, %Y'); // Returns "Thursday, September 15, 2016"

// You can optionally pass it a Date object...

strftime('%x %X', new Date('1/1/2016')); // Returns "1/1/2016 12:00:00 AM"

Der neueste Code ist hier verfügbar: https://github.com/thdoan/strftime

Die richtige Methode zum Formatieren eines Datums für die Rückgabe von "2012-12-29" ist das Skript aus dem JavaScript-Datumsformat :

var d1 = new Date();
return d1.format("dd-m-yy");

Dieser Code funktioniert NICHT:

var d1 = new Date();
d1.toString('yyyy-MM-dd');      

Persönlich verwende ich die Datumsfunktion von php.js, da ich sowohl PHP als auch jQuery / Javascript gleichermaßen verwende http://phpjs.org/functions/date/

Die Verwendung einer Bibliothek, die dieselben Formatzeichenfolgen verwendet, wie ich sie bereits kenne, ist für mich einfacher, und das Handbuch mit allen Formatzeichenfolgenmöglichkeiten für die Datumsfunktion ist natürlich online unter php.net

Sie fügen einfach die Datei date.js mit Ihrer bevorzugten Methode in Ihren HTML-Code ein und rufen sie dann folgendermaßen auf:

var d1=new Date();
var datestring = date('Y-m-d', d1.valueOf()/1000);

Sie können d1.getTime () anstelle von valueOf () verwenden, wenn Sie möchten, sie tun dasselbe.

Die Division des Javascript-Zeitstempels durch 1000 erfolgt, weil ein Javascript-Zeitstempel in Millisekunden, ein PHP-Zeitstempel jedoch in Sekunden angegeben ist.

Viele Frameworks (die Sie möglicherweise bereits verwenden) verfügen über eine Datumsformatierung, die Sie möglicherweise nicht kennen. jQueryUI wurde bereits erwähnt, aber auch andere Frameworks wie Kendo UI (Globalisierung) , Yahoo UI (Util) und AngularJS haben sie.

// 11/6/2000
kendo.toString(new Date(value), "d")

// Monday, November 06, 2000
kendo.toString(new Date(2000, 10, 6), "D")