封装moment时间转换的格式

封装moment时间转换的格式

第一步
在项目根目录中，创建文件夹filters。在文件夹中创建index.js\ts、parseDate.js\ts文件
第二步
在parseDate文件中引入import moment from “moment”;
将自己需要重复多次使用的日期格式写好

import moment from "moment";

export function parseDateTime(dateStr: string) {
  return moment(dateStr).format("YYYY年MM月DD日  HH:mm");
}

export function parseDate(dateStr: string) {
  return moment(dateStr).format("YYYY年MM月DD日");
}

export function parseDateMonth(dateStr: string) {
  return moment(dateStr).format("MM月DD日");
}

export function parseTime(dateStr: string) {
  return moment(dateStr).format("MM-DD");
}

export function parseTimeH(dateStr: string) {
  return moment(dateStr).format("HH:mm");
}

第三步
在index文件中引入parseDate文件

import Vue from "vue";

import { parseDateTime, parseTime, parseTimeH, parseDate, parseDateMonth } from "./parseDate";

Vue.filter("parseDateTime", parseDateTime);
Vue.filter("parseDate", parseDate);
Vue.filter("parseDateMonth", parseDateMonth);
Vue.filter("parseTime", parseTime);
Vue.filter("parseTimeH", parseTimeH);

第四步
在main.js\ts文件中引入index文件import "@/filters"; ，全局就可使用
第五步
在有需要转换时间日期的页面中，
可以在<view>{ timeValue | parseDateTime }</view>中直接 通道 使用需要的格式

注：此方法适用项目中有很多日期时间需要转换的项目
--------仅个人笔记，不喜勿喷