怎么在vue.js中將時間戳轉化為日期格式

這篇文章主要為大家詳細介紹了怎么在vue.js中將時間戳轉化為日期格式，文中示例代碼介紹的非常詳細，具有一定的參考價值，發現的小伙伴們可以參考一下：

Vue的優點

Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數據和dom，可以大大提升訪問速度和用戶體驗。

<!-- value 格式為13位unix時間戳 -->
<!-- 10位unix時間戳可通過value*1000轉換為13位格式 -->

export function formatDate (date, fmt) {
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  let o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds()
  };
  for (let k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      let str = o[k] + '';
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
    }
  }
  return fmt;
};
function padLeftZero (str) {
  return ('00' + str).substr(str.length);
};

 把上面代碼保存為date.js放到你的公共js文件夾中。

在你的需要格式化時間戳的組件里像下面這樣使用：

<template>
  <!-- 過濾器 time 可以使后臺得到的數據，循環出來的也行 -->
  <div>{{time | formatDate}}</div>
  <!-- 輸出結果 -->
  <!-- <div>2016-07-23 21:52</div> -->
</template>
<script>
import {formatDate} from './common/date.js';
export default {
  filters: {
    formatDate(time) {
      var date = new Date(time);
      return formatDate(date, 'yyyy-MM-dd hh:mm');
    }
  }
}
</script>

以上就是億速云小編為大家收集整理的怎么在vue.js中將時間戳轉化為日期格式，如何覺得億速云網站的內容還不錯，歡迎將億速云網站推薦給身邊好友。