前端 日期格式化插件 dayjs

最近写项目用到了时间格式化，想自己封装一个，发现自己没有那个能力，这就尴尬了，还好有万能的网友大神们，找到了data-format这个插件，用起来还是很丝滑的，上效果

下面来说说使用步骤：
1 安装

npm install dayjs 
或
yarn add dayjs

2 封装

data-format.ts
import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc'


dayjs.extend(utc)

const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'
export function formatUtsString(
  utcString: string,
  format: string = DATE_TIME_FORMAT
) {
  return dayjs.utc(utcString).format(format)
}

register-properties.ts
import { App } from 'vue'
import { formatUtsString } from '@/utils/data-format'
export default function regeisterProperties(app: App) {
  app.config.globalProperties.$filters = {
    formatTime(value: string) {
      return formatUtsString(value)
    }
  }
}

3 注册

 import regeisterProperties from './register-properties' 
 app.use(regeisterProperties)

可在main.ts里全局注册
4 使用

 $filters.formatTime(需格式化的时间)