欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue将毫秒数转化为正常日期格式的实例

程序员文章站 2023-02-22 21:06:05
过滤器-时间戳转化 第一步:定义过滤器,filters.js export function formatdate (date, fmt) { if...

过滤器-时间戳转化

第一步:定义过滤器,filters.js

vue将毫秒数转化为正常日期格式的实例

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将毫秒数转化为正常日期格式的实例

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

第三步:使用

vue将毫秒数转化为正常日期格式的实例

filters:{
 formatdate(time){
  var data = new date(time);
  return formatdate(data,'yyyy-mm-dd');
 }
 },

vue将毫秒数转化为正常日期格式的实例

<span>{{item.ratetime | formatdate}}</span>

以上这篇vue将毫秒数转化为正常日期格式的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。