Wo finde ich eine Dokumentation zur Formatierung eines Datums in JavaScript?

Question

Ich habe festgestellt, dass die JavaScript new Date() Funktion ist sehr intelligent, da sie Datumsangaben in verschiedenen Formaten akzeptiert.

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 nirgends eine Dokumentation finden, die alle gültigen String-Formate beim Aufruf von new Date() Funktion.

Dies dient der Umwandlung einer Zeichenkette in ein Datum. Wenn wir uns die andere Seite ansehen, also die Umwandlung eines Datumsobjekts in eine Zeichenkette, hatte ich bisher den Eindruck, dass JavaScript keine eingebaute API hat, um ein Datumsobjekt in eine Zeichenkette zu formatieren.

Anmerkung der Redaktion: Der folgende Ansatz ist der Versuch des Fragestellers, der mit einem bestimmten Browser funktioniert, aber nicht no Arbeit im Allgemeinen; siehe die Antworten auf dieser Seite um einige konkrete Lösungen zu sehen.

Heute habe ich mit dem toString() Methode für das Datumsobjekt und dient überraschenderweise der Formatierung des Datums in Zeichenketten.

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 über all die Möglichkeiten finden, wie wir das Datumsobjekt in eine Zeichenkette formatieren können.

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

Answer 1

Ich liebe 10 Möglichkeiten zur Formatierung von Uhrzeit und Datum mit JavaScript et Arbeiten mit Daten .

Im Grunde gibt es drei Methoden, und Sie müssen die Strings 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);

Answer 2

Moment.js

Es ist eine (leichtgewichtige)* JavaScript-Datumsbibliothek zum Parsen, Manipulieren und Formatieren von Daten.

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"

(*) leichtgewichtig, d.h. 9.3KB minified + gzipped in der kleinstmöglichen Konfiguration (Feb 2014)

Answer 3

Wenn Sie bereits mit jQuery UI in Ihrem Projekt, können Sie die eingebaute Datepicker-Methode zur Formatierung Ihres Datumsobjekts verwenden:

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

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

Werfen Sie einen Blick auf jQuery UI datepicker formatDate , die Beispiele.

Answer 4

Benutzerdefinierte Formatierungsfunktion:

Bei festen Formaten reicht eine einfache Funktion aus. Das folgende Beispiel erzeugt 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 in der Regel 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 auf der Grundlage eines Formatparameters erzeugen. Auf der gleichen Seite finden Sie einige gute Beispiele.

Wenn es zu langwierig ist, eine Formatierungsfunktion zu schreiben, gibt es viele Bibliotheken, die diese Aufgabe übernehmen. Einige andere Antworten haben sie bereits aufgezählt. Aber zunehmende Abhängigkeiten haben auch ihr Gegenstück.

Standard ECMAScript Formatierungsfunktionen:

Seit neueren Versionen von ECMAscript ist die Date Klasse verfügt über einige spezifische Formatierungsfunktionen:

toDateString : Implementierungsabhängig, zeigt nur das Datum an.

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 : ISO 8601 Datum und Uhrzeit 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 lokalen Format.

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, ein Datum und eine Uhrzeit im lokalen Format.

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 lokalen Format.

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 Date.

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: Es ist möglich, aus diesen Formatierungsfunktionen benutzerdefinierte Ausgaben zu erzeugen:

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

Answer 5

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

Ich bin heute darüber gestolpert 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 Frage, die gestellt wurde.

AFAIK, reines JavaScript unterstützt keine Formatspezifikationen die Art und Weise, wie Sie sie verwenden möchten . Es unterstützt jedoch Methoden zur Formatierung von Datums- und/oder Zeitangaben, wie z. B. .toLocaleDateString() , .toLocaleTimeString() y .toUTCString() .

El Date Die von mir am häufigsten verwendete Objektreferenz befindet sich auf der w3schools.com Website (aber eine schnelle Google-Suche werden Sie viele weitere finden, die Ihren Bedürfnissen besser entsprechen könnten).

Beachten Sie auch, dass die Eigenschaften des Datumsobjekts Abschnitt bietet einen Link zu prototype die einige Möglichkeiten aufzeigt, wie Sie das Date-Objekt mit benutzerdefinierten Methoden erweitern können. Es wurde gewisse Debatte in der JavaScript-Gemeinschaft im Laufe der Jahre darüber, ob dies die beste Praxis ist oder nicht, und ich spreche mich weder dafür noch dagegen aus, sondern weise nur auf ihre Existenz hin.