Heim > Artikel > Web-Frontend > Detaillierte Erläuterung von Beispielen für die Implementierung von moment.js
Im Projekt wird die Zeit- und Datumsverarbeitungsmethode verwendet, und es werden nur einige Methoden verwendet. Um keine Bibliotheken von Drittanbietern (moment.js) einzuführen, werden die im Projekt verwendeten Methoden hier gekapselt.
Um die folgenden Funktionen zu erreichen:
new Moment() // 返回当前的时间对象 new Moment().unix() // 返回当前时间的秒数Moment.unix(timestamp) // 传入秒数,返回传入秒数的时间对象 new Moment().format('YYYY-MM-DD dd HH:mm:ss') // 返回值 2017-06-22 四 19:46:14Moment.unix(1498132062000).format('YYYY-MM-DD dd HH:mm:ss') // 返回值 2017-06-22 四 19:46:14
🎜>
arg = new Date().getTime()
: Verwenden Sie hier die Destrukturierung, um einen Standardwert zu arg hinzuzufügen1 class Moment { 2 constructor(arg = new Date().getTime()) { 3 this.date = new Date(arg) 4 } 5 }
2. Implementieren Sie die Unix-Methode
unix
Methode: gibt die Anzahl der Sekunden der aktuellen Zeit zurück1 class Moment { 2 constructor(arg = new Date().getTime()) { 3 this.date = new Date(arg) 4 } 5 6 // getTime()返回的是毫秒数,需要转成秒数并取整 7 unix() { 8 return Math.round(this.date.getTime() / 1000) 9 } 10 }Die getTime()-Methode gibt die Anzahl der Millisekunden zurück, die durch Division von 1000 abgerundet werden müssen
3. Implementieren Sie die statische Unix-Methode
Statische Unix-Methode
: Der Parameter Zeitstempel Millisekunden gibt ein Datumsobjekt zurück1 class Moment { 2 constructor(arg = new Date().getTime()) { 3 this.date = new Date(arg) 4 } 5 6 static unix(timestamp) { 7 return new Moment(timestamp * 1000) 8 } 9 }New Date() kann nur Akzeptieren Sie Millisekunden-Parameter und müssen mit 1000 multipliziert werden
Format Methode: Übergeben Sie „YYY-MM-DD HH:mm:ss“, „YYY-MM-DD“ usw. , und übergeben Sie das Format, das Sie erhalten möchten (Einzelheiten finden Sie in der Moment.js-Formatierungsmethode)
Die padStart()-Methode fügt 0 vor dem Monat oder Datum hinzu
Zu diesem Zeitpunkt haben wir die drei Methoden von Unix, statisches Unix und Format vollständig implementiert. Wenn Sie andere Methoden zur Datums- und Zeitverarbeitung implementieren müssen, können Sie mir eine Nachricht hinterlassen werde mich langsam verbessern und später hinzufügen.
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Beispielen für die Implementierung von moment.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!