2021-08-12

前端必备技能处理时间戳【doge】

1.自建一个 js 文件

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);
};

2.在组件模板中使用

<template>
    <div>{{time|formatDate}}</div>
</template>

3.在 script 中引用和定义

<script>
import {formatDate} from 'xxx.js';
export default {
    filters: {
        formatDate(time) {
             注意:time应为格式为13位的unix时间戳
             需要  转化为年-月-日 时:分:秒
             time = time * 1000;
            var date = new Date(time);
            return formatDate(date, 'yyyy-MM-dd hh:mm');
        }
    }
}
</script>

第二种方式转时间戳

通过安装插件依赖

• moment.js
• day.js

安装 dayjs

NPM

npm install dayjs --save

import dayjs from 'dayjs'


在项目中使用
var data = dayjs().format('YYYY-MM-DD dddd HH:mm:ss.SSS A')

格式化 Dayjs 对象并展示。

格式化

• return String

接收一系列的时间日期字符串并替换成相应的值。

dayjs().format(String);
dayjs("2019-01-25").format("[YYYY] YYYY-MM-DDTHH:mm:ssZ[Z]"); // 'YYYY 2019-01-25T00:00:00-02:00Z'
dayjs().format("{YYYY} MM-DDTHH:mm:ssZ[Z]"); // "{2014} 09-08T08:02:17-05:00Z"

参照 api 如下:

格式	输出	描述
YY	18	两位数的年份
YYYY	2018	四位数的年份
M	1-12	月份，从 1 开始
MM	01-12	月份，两位数
MMM	Jan-Dec	简写的月份名称
MMMM	January-December	完整的月份名称
D	1-31	月份里的一天
DD	01-31	月份里的一天，两位数
d	0-6	一周中的一天，星期天是 0
dd	Su-Sa	最简写的一周中一天的名称
ddd	Sun-Sat	简写的一周中一天的名称
dddd	Sunday-Saturday	一周中一天的名称
H	0-23	小时
HH	00-23	小时，两位数
h	1-12	小时, 12 小时制
hh	01-12	Hours, 12 小时制, 两位数
m	0-59	分钟
mm	00-59	分钟，两位数
s	0-59	秒
ss	00-59	秒 两位数
SSS	000-999	毫秒 三位数
Z	+05:00	UTC 的偏移量
ZZ	+0500	UTC 的偏移量，数字前面加上 0
A	AM PM
a	am pm