vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例

過濾器-時(shí)間戳轉(zhuǎn)化

敦煌網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),敦煌網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為敦煌數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的敦煌做網(wǎng)站的公司定做!

第一步:定義過濾器,filters.js

vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例

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);
 };

第二步:在所用之處引入filters.js

vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例

import {formatDate} from '../../common/filters.js'

第三步:使用

vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例

filters:{
 formatDate(time){
  var data = new Date(time);
  return formatDate(data,'yyyy-MM-dd');
 }
 },

vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例

<span>{{item.rateTime | formatDate}}</span>

以上這篇vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。

文章名稱:vue將毫秒數(shù)轉(zhuǎn)化為正常日期格式的實(shí)例
鏈接分享:http://bm7419.com/article14/gipcde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司外貿(mào)建站、服務(wù)器托管、域名注冊、關(guān)鍵詞優(yōu)化、網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)