這篇文章主要為大家詳細介紹了怎么在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中將時間戳轉化為日期格式，如何覺得創新互聯網站的內容還不錯，歡迎將創新互聯網站推薦給身邊好友。

分享標題：怎么在vue.js中將時間戳轉化為日期格式
地址分享：http://m.newbst.com/article24/joccce.html

成都網站建設公司_創新互聯，為您提供網站設計、全網營銷推廣、網站營銷、響應式網站、移動網站建設、商城網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯