So konvertieren Sie Zeitstempel in vue.js in Zeit

Vue.js-Methode zum Konvertieren von Zeitstempeln: Installieren Sie zuerst das Moment-Plugin. Fügen Sie dann das Moment-Plugin in die Datei [main.js] ein und verweisen Sie schließlich direkt auf dateFormat, um den Zeitstempel zu konvertieren.

Die Betriebsumgebung dieses Tutorials: Windows10-System, vue2.9, dieser Artikel gilt für alle Computermarken.

Empfohlen: „vue.js Tutorial“

Zeitstempel können als Filter verstanden werden, und auch die Konvertierung von Datumsformaten kommt in Projekten häufig vor. Heute fasse ich die Fallstricke von Projekten zusammen aufgetretene Probleme und Lösungen.

Es gibt drei Möglichkeiten, den Zeitstempel in das Datumsformat zu konvertieren:

Methode 1

1. Führen Sie cmd aus und führen Sie npm install moment --save oder yarn add aus moment code> Befehl zum Installieren des Moment-Plug-Ins
cmd 执行 npm install moment --save 或者 yarn add moment 命令，安装 moment 插件
2. 在 main.js 文件中引入 moment 插件，并定义全局过滤器
   3. 在后续组件中，如果需要转换So konvertieren Sie Zeitstempel in vue.js in Zeit，那么在直接引用 dateFormat 即可
   

方式二

1. 直接在 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. 后面需要的时候，直接使用 dateFormat 即可
   

方式三

HTML：

Js：Fügen Sie das Moment-Plug-In in der Datei main.js ein und definieren Sie einen globalen Filter
3. Wenn Sie in nachfolgenden Komponenten den Zeitstempel konvertieren müssen, können Sie dies direkt tun Verweisen Sie auf das dateFormat

Methode 2

Direkt in main Definieren Sie einen globalen Filter in der .js-Datei

timestampToTime (time) {// So konvertieren Sie Zeitstempel in vue.js in Zeit为10位需*1000，So konvertieren Sie Zeitstempel in vue.js in Zeit为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;}

Verwenden Sie bei späterem Bedarf einfach dateFormat direkt

Methode DreiHTML ::

Js:rrreee🎜🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜JavaScript🎜 (Video)🎜🎜

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie Zeitstempel in vue.js in Zeit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!