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')
        }
      }
  • 相关阅读:
    day09
    day08
    day05
    day04
    day03
    day02
    LogCat查看Android运行日志
    ADT+SDK,Android开发环境搭建问题
    第二次冲刺周期第十天
    第二次冲刺周期第九天
  • 原文地址:https://www.cnblogs.com/l000/p/13278366.html
Copyright © 2011-2022 走看看