vue3+layout 时间格式化

1.npm安装插件Day.js

npm install dayjs --save

2.页面引入

import dayjs from "dayjs";

3.创建方法

const dateFliter = (val, format = "YYYY-MM-DD hh:mm:ss") => {
      if (!isNaN(val)) {
        val = parseInt(val);
      }
      return dayjs(val).format(format);
    };

24小时制和12小时制的写法如下：

 yyyy-MM-dd HH:mm:ss   后面的时分秒是24小时制

yyyy-MM-dd hh:mm:ss   后面的时分秒是12小时制

4.html部分用插值表达式：

获取数据后layout表格中时间栏的渲染

<template v-if="column.key === 'sys_inserttime'">
    <a>
        {{ dateFliter(record.sys_inserttime) }}
    </a>
</template>

 当前时间：{{ dateFliter(time) }}

5.vue3中记得将方法dateFliter 最后return出去。