vue dayjs处理时间格式

安装 dayjs 依赖包

npm install dayjs --save

util.js 公共方法文件中引入dayjs

import dayJs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayJs.locale('zh-cn');

封装方法

const formatDate = (date, format) => {
  if (date) {
    return dayJs(date).format(format);
  }
  return '';
};

导出方法

export {
	formatDate
}

页面按需引入

import { formatDate } from '@/plugins/utils';

使用 ( js 中) ( 结构中 )

js中使用 ----> 直接用   
const date = formatDate(this.form.startDate, 'YYYY-MM');
结构中使用 ---> js中封装方法  在调用
// 结构中
  <template slot-scope="scope">
        {{ formatDate(scope.row.recordTime) }}
  </template>
// js 中
  formatDate(time) {
       return formatDate(time, 'YYYY-MM-DD');
    },

dayjs配置Format处理时间的格式
在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页