moment插件的安装与使用

1,357 阅读1分钟

官方解释moment.js是JavaScript 日期处理类库,也就是用于日期格式转换的。官网地址:momentjs.cn/

1.安装
npm install moment

2.封装常用的日期处理函数
在src文件下新建utils文件夹(此文件夹一般存放自己封装的公共的工具类函数),新建tool.js文件。

在tool.js文件中引入
import moment from "moment";

封装项目中常用的日期转换格式的函数,(日期转换格式参考官网),代码如下:

//--------------------------封装一些常用的函数-----------------------
import moment from "moment";

// 短时间
export const shortTime = function (value, formater = "YYYY-MM-DD") {
  return moment(value).format(formater);
};

// 长时间
export const time = function (value, formater = "YYYY-MM-DD HH:mm:ss") {
  return moment(value).format(formater);
};

// 长时间
export const time1 = function (value, formater = "YYYY/MM/DD HH:mm:ss") {
  return moment(value).format(formater);
};

export const leaveTime = function (value) {
  return moment(value).format("YYYY-MM-DD HH:mm");
};

// 短时间
export const monthTime = function (value) {
  return moment(value).format("YYYY-MM");
};

// 短时间1
export const monthTime1 = function (value) {
  return moment(value).format("YYYY/MM");
};

// 短时间2
export const monthTime2 = function (value) {
  return moment(value).format("YYYY-MM-DD");
};

// 每月第一天
export const monthOne = function (value) {
  return moment(value).format("YYYY-MM-01");
};
// 每月第一天精确
export const monthOnes = function (value) {
  return moment(value).format("YYYY-MM-01 00:00:00");
};
// 补全00:00:00
export const addZero = function (value) {
  return moment(value).format("YYYY-MM-DD 00:00:00");
};
// 月数
export const MonTime = function (value) {
  return moment(value).format("MM");
};
// 天数
export const dayTime = function (value) {
  return moment(value).format("DD");
};
// 时分秒
export const secondsTime = function (value) {
  return moment(value).format("HH:mm:ss");
};

export const secondShortTime = function (value) {
  return moment(value).format("HH:mm");
};

3.在index.vue页面中使用
引入自定义的函数名

// shortTime 是封装YYYY-MM-DD时间格式的函数名,time 是封装YYYY-MM-DD HH:mm:ss时间格式的函数名
import { shortTime, time } from "@/utils/tool";
let date =  new Date()          
    console.log(date)
    console.log(shortTime(date))      //短时间
    console.log(time(date))           //长时间

打印结果.png