vue.jsでタイムスタンプを時刻に変換する方法

タイムスタンプを時刻に変換する Vue.js の方法: 最初に moment プラグインをインストールし、次に [main.js] ファイルに moment プラグインを導入し、最後に dateFormat を直接参照してタイムスタンプを変換します。

このチュートリアルの動作環境: Windows10 システム、vue2.9、この記事はすべてのブランドのコンピューターに適用されます。

推奨: 「vue.js チュートリアル 」

タイムスタンプはOK フィルタリングの方法として、日付形式の変換はプロジェクトでよく遭遇しますが、今日はプロジェクトで遭遇した落とし穴とその解決策をまとめます。

タイムスタンプを日付形式に変換するには 3 つの方法があります:

方法 1

1. 実行 cmd 実行 npm install moment - -save または yarn add moment コマンドで moment プラグインをインストールします
2. moment プラグインを main.js ファイルに導入し、グローバル フィルターを定義します
   3. 後続のコンポーネントで、タイムスタンプを変換する必要がある場合は、dateFormat
   

メソッド 2

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 を直接使用します
   

方法 3

HTML：

Js：

timestampToTime (time) {// vue.jsでタイムスタンプを時刻に変換する方法为10位需*1000，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;}

関連する無料学習の推奨事項: JavaScript(ビデオ)

以上がvue.jsでタイムスタンプを時刻に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。