zoukankan      html  css  js  c++  java
  • 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')
        }
      }
  • 相关阅读:
    safari调试iphone
    git 本地仓库关联远程仓库
    video 自动播放及循环播放问题
    webpack4系列之【3. webpack4优化记录】
    展示博客
    第三天冲刺
    第二天冲刺
    第一天冲刺
    UML设计
    Alpha项目冲刺
  • 原文地址:https://www.cnblogs.com/l000/p/13278366.html
Copyright © 2011-2022 走看看