前端日期插件dayjs

1.官网



Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

Day.js中文网 (fenxianglu.cn)

2. 安装

npm install dayjs --save

Element-Plus已内置 dayjs 无需再次安装了.

3.使用

import * as dayjs from 'dayjs'
dayjs().format() 
// 默认返回的是 ISO8601 格式字符串 '2020-04-02T08:02:17-05:00'

dayjs('2019-01-25').format('[YYYYescape] YYYY-MM-DDTHH:mm:ssZ[Z]') 
// 'YYYYescape 2019-01-25T00:00:00-02:00Z'

dayjs('2019-01-25').format('DD/MM/YYYY') // '25/01/2019'

4. 扩展-表格日期列格式化

<el-table-column prop="lastUpdateBy" label="最近操作人" 
:formatter="formatter" width="380"/>

const formatter = (row: any, column: any, cellValue: any, index: any) => {

    if (column.property === "createTime") {
        return dayjs(cellValue).format('YYYY-MM-DD HH:mm')
    }
    if (column.property === "name") {
        if (cellValue.length > 4) {
            return cellValue.substring(0, 4) + "...";
        } else {
            return cellValue;
        }
    }

}