github地址:https://github.com/LiangJingxuan

vue中格式化时间戳

在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')
    }
  }

 

posted @ 2020-07-10 11:27  热爱世界的liang  阅读(3237)  评论(0编辑  收藏  举报