Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung von Beispielen für die Implementierung von moment.js

Detaillierte Erläuterung von Beispielen für die Implementierung von moment.js

零下一度
Freigeben: 2017-06-23 10:42:28
Original
2425 Leute haben es durchsucht

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
Nach dem Login kopieren

🎜>

 

arg = new Date().getTime()

: Verwenden Sie hier die Destrukturierung, um einen Standardwert zu arg hinzuzufügen
1 class Moment {
2     constructor(arg = new Date().getTime()) {
3         this.date = new Date(arg)
4     }
5 }
Nach dem Login kopieren

2. Implementieren Sie die Unix-Methode

unix

Methode: gibt die Anzahl der Sekunden der aktuellen Zeit zurück
 1 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 }
Nach dem Login kopieren
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ück
1 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 }
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage