Looking for momentjs Keywords? Try Ask4Keywords

momentjsErste Schritte mit momentjs


Bemerkungen

In diesem Abschnitt erhalten Sie einen Überblick darüber, was momentjs ist und warum ein Entwickler es verwenden möchte.

Es sollte auch alle großen Themen innerhalb von momentjs erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für momentjs neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.

Daten berechnen und bearbeiten

Wenn Sie ein Moment-Objekt haben, können Sie es mit add und substract , um es zu substract oder eine beliebige Eigenschaft der Zeit direkt substract

 moment("2016-01-01").add(1, 'year').format('YYYY-MM-DD')
 // -> "2017-01-01"
 

Oder verwenden Sie .day() , .month() , .year() , .seconds() , .milliseconds() , um diese Werte direkt .milliseconds() . Beachten Sie, dass die übergebenen Argumente 0-indiziert sind.

 moment("2016-01-01").month(4).day(5).format('YYYY-MM-DD')
// -> "2016-05-06"
 

Datumsanalyse

Sie können moment verwenden, um Datumsfolgen zu analysieren.

Standardmäßig versucht moment, das Datum als ISO-8601- Zeichenfolge zu analysieren, und wenn dies nicht funktioniert, wird das new Date() des Browsers zurückgesetzt. Da die Art und Weise, in der Browser Datumsangaben erstellen, unterschiedlich ist, versuchen Sie am besten, nicht darauf zurückzugreifen.

moment('2016-02-04').format('YYYY-MM-DD')
// ->'2016-02-04'
 

Wenn Sie ein anderes Format als ISO 8601 verwenden, sollten Sie die Formatzeichenfolge als zweites Argument an moment übergeben.

moment('04-02-2016', 'MM-DD-YYYY').format('YYYY-MM-DD')
// ->'2016-02-04'
 

Allgemeine Verwendung

Datum und Uhrzeit werden in Moment verwendet, indem das vorhandene Date() -Objekt in ein moment() -Objekt eingeschlossen wird und diesem Objekt nützliche und intuitive Methoden angegeben werden.

Datumsangaben

moment().format('MMMM Do YYYY, h:mm:ss a'); // August 4th 2016, 10:41:45 am
moment().format('dddd');                    // Thursday
moment().format("MMM Do YY");               // Aug 4th 16
moment().format('YYYY [escaped] YYYY');     // 2016 escaped 2016
moment().format();                          // 2016-08-04T10:41:45+02:00
 

Relative Zeit

moment("20111031", "YYYYMMDD").fromNow(); // 5 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 4 years ago
moment().startOf('day').fromNow();        // 11 hours ago
moment().endOf('day').fromNow();          // in 13 hours
moment().startOf('hour').fromNow();       // 42 minutes ago
 

Kalenderzeit

moment().subtract(10, 'days').calendar(); // 07/25/2016
moment().subtract(6, 'days').calendar();  // Last Friday at 10:42 AM
moment().subtract(3, 'days').calendar();  // Last Monday at 10:42 AM
moment().subtract(1, 'days').calendar();  // Yesterday at 10:42 AM
moment().calendar();                      // Today at 10:42 AM
moment().endOf('day');                    // Today at 23:59 AM
moment().add(1, 'days').calendar();       // Tomorrow at 10:42 AM
moment().add(3, 'days').calendar();       // Sunday at 10:42 AM
moment().add(10, 'days').calendar();      // 08/14/2016
 

Unterstützung für mehrere Ländereinstellungen

moment.locale();         // en
moment().format('LT');   // 10:43 AM
moment().format('LTS');  // 10:43:14 AM
moment().format('L');    // 08/04/2016
moment().format('l');    // 8/4/2016
moment().format('LL');   // August 4, 2016
moment().format('ll');   // Aug 4, 2016
moment().format('LLL');  // August 4, 2016 10:43 AM
moment().format('lll');  // Aug 4, 2016 10:43 AM
moment().format('LLLL'); // Thursday, August 4, 2016 10:43 AM
moment().format('llll'); // Thu, Aug 4, 2016 10:43 AM
 

Installation oder Setup

Moment ist eine Javascript-Bibliothek, die das Arbeiten mit Datumsangaben und Zeiten weniger zeitaufwändig und intuitiver gestaltet.
Sie können diese Bibliothek problemlos verwenden, indem Sie sie in einer Web-App installieren, indem Sie eines der folgenden Handbücher verwenden.

Browser

Sie können die JS-Datei entweder von der offiziellen Website herunterladen oder cdnjs.com verwenden .

Mit lokaler JS-Datei

<script src="moment.js"></script>
<script>
    moment().format();
</script>
 

Mit CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<script>
    moment().format();
</script>
 

Node.js

npm install moment
 

Moment sollte im Verzeichnis node_modules enthalten sein. node_modules Sie es dann zu Ihrem Skript hinzu

var moment = require('moment');
moment().format();
 

Laube

bower install --save moment
 

Um zu testen, ob Ihre Site oder Webanwendung das Skript moment.js ordnungsgemäß verwendet, öffnen Sie die Konsole (F12 auf der Tastatur) und geben Sie moment . Die Konsole sollte die Momentfunktion drucken, wenn sie enthalten ist.

Verwandeln Sie ein Date-Objekt in und aus einem Moment-Objekt

Um ein Javascript Date-Objekt in einen Moment (Moment-Objekt) zu verwandeln, rufen Sie einfach den moment und übergeben Sie das Date als Argument

moment(new Date());
// Moment {_isAMomentObject: true, _i: Sun Jul 31 2016 11:08:02 GMT+0300 (Jerusalem Daylight Time), _isUTC: false, _pf: Object, _locale: Locale…}
 

Verwenden Sie die .toDate() -Methode, um den Moment wieder in ein Javascript-Datum zu .toDate()

var now = new Date();
var mom = moment(now)
//undefined
mom
// Moment {_isAMomentObject: true, _i: Sun Jul 31 2016 11:10:32 GMT+0300 (Jerusalem Daylight Time), _isUTC: false, _pf: Object, _locale: Locale…}
mom.toDate()
// Sun Jul 31 2016 11:10:32 GMT+0300 (Jerusalem Daylight Time)