vue中格式化时间戳

时间:2020-07-10 12:06:46   收藏:0   阅读:529

在util文件中添加格式化方法:

// 时间戳格式化
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过滤器 使用:

<span class="date">{{commentInfo.created | showDate}}</span>
import { formatDate } from ‘common/utils‘

filters: {
    // 评论时间格式化
    showDate(value){
      let date = new Date(value * 1000)
      return formatDate(date, ‘yyyy-MM-dd‘)
    }
  }

 

原文:https://www.cnblogs.com/l000/p/13278366.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!