Maison > interface Web > Voir.js > le corps du texte

Comment convertir l'horodatage en heure dans vue.js

藏色散人
Libérer: 2020-11-30 15:09:58
original
8205 Les gens l'ont consulté

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.

Comment convertir l'horodatage en heure dans vue.js

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
    Comment convertir lhorodatage en heure dans vue.js3 Dans les composants suivants, si vous devez convertir l'horodatage, vous pouvez. référencer directement le dateFormat
    引用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}`})
Copier après la connexion
  1. Si nécessaire plus tard, utilisez simplement dateFormat directement
    Comment convertir lhorodatage en heure dans vue.js

Méthode 3

HTML:
Comment convertir lhorodatage en heure dans vue.js
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;}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!