Maison  >  Article  >  interface Web  >  Explication détaillée d'exemples d'implémentation de moment.js

Explication détaillée d'exemples d'implémentation de moment.js

零下一度
零下一度original
2017-06-23 10:42:282352parcourir

La méthode de traitement de l'heure et de la date est utilisée dans le projet, et seules certaines méthodes sont utilisées. Afin de ne pas introduire de bibliothèques tierces (moment.js), les méthodes utilisées dans le projet sont encapsulées ici.

Pour réaliser les fonctions suivantes :

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()

 : Ici, utilisez la déstructuration pour ajouter une valeur par défaut à arg
1 class Moment {
2     constructor(arg = new Date().getTime()) {
3         this.date = new Date(arg)
4     }
5 }

2. Implémentez la méthode unix

unix

méthode : renvoie le nombre de secondes de l'heure actuelle
 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 }
La méthode getTime() renvoie le nombre de millisecondes qu'il faut arrondir en divisant 1000

3. Implémentez la méthode unix statique

Méthode unix statique

 : les millisecondes d'horodatage du paramètre renvoient un objet Date
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 }
New Date() ne peut que accepte les paramètres en millisecondes et doit être multiplié par 1000

format méthode : transmettre 'AAA-MM-JJ HH:mm:ss', 'AAA-MM-JJ', etc. , et transmettez le format que vous souhaitez obtenir (pour plus de détails, veuillez vous référer à la méthode de format moment.js)

La méthode padStart() ajoute 0 avant le mois ou la date

 

À ce stade, nous avons implémenté les trois méthodes unix, unix statique et format, complètes. Vous pouvez voir le code sur github. Si vous avez besoin d'implémenter d'autres méthodes de traitement de date et d'heure, vous pouvez me laisser un message. s'améliorera lentement et l'ajoutera plus tard.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn