Comment convertir l'horodatage en heure dans vue.js

Comment vue.js convertit les horodatages en heure : installez d'abord le plug-in moment ; puis introduisez le plug-in moment dans le fichier [main.js] et enfin, référencez directement dateFormat pour convertir l'horodatage.

L'environnement d'exploitation de ce tutoriel : système windows10, vue2.9, cet article est applicable à toutes les marques d'ordinateurs.

Recommandé : "tutoriel vue.js"

L'horodatage est OK Compris comme un moyen de filtrage, la conversion du format de date est souvent rencontrée dans les projets. Aujourd'hui, je vais résumer les pièges que j'ai rencontrés dans le projet et les solutions.

Il existe trois méthodes pour convertir l'horodatage au format de date :

Méthode 1

1. Exécuter cmd Exécutez la commande npm install moment --save ou yarn add moment pour installer le plug-in moment
2. Introduisez le plug-in moment dans le fichier main.js et définissez un filtre global
   3 Dans les composants suivants, si vous devez convertir l'horodatage, vous pouvez. référencer directement le dateFormat
   

Méthode 2

1. Définir un filtre global directement dans le fichier main.js

Vue.filter('dateFormat', function(originVal) {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')
  //时间格式年月日、时分秒  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`})

2. Si nécessaire plus tard, utilisez simplement dateFormat directement
   

Méthode 3

HTML：

Js：

timestampToTime (time) {// Comment convertir lhorodatage en heure dans vue.js为10位需*1000，Comment convertir lhorodatage en heure dans vue.js为13位的话不需乘1000
      var date = new Date(time * 1000) 
      let y = date.getFullYear()
      let MM = date.getMonth() + 1
      MM = MM < 10 ? (&#39;0&#39; + MM) : MM      let d = date.getDate()
      d = d < 10 ? (&#39;0&#39; + d) : d      let h = date.getHours()
      h = h < 10 ? (&#39;0&#39; + h) : h      let m = date.getMinutes()
      m = m < 10 ? (&#39;0&#39; + m) : m      let s = date.getSeconds()
      s = s < 10 ? (&#39;0&#39; + s) : s      return y + &#39;年&#39; + MM + &#39;月&#39; + d + &#39;日&#39;}

Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)

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!