vue常用工具库

date-fns

2022-07-18  本文已影响0人  小溪流jun

date-fns

提供最全面、最简单、最一致的工具集用于在浏览器和 Node.js 中操作 JavaScript 日期。
gitHub官方地址:https://github.com/date-fns/date-fns

安装

npm install date-fns --save

format ():时间格式化

import {  format } from "date-fns";
import { 
zhCN,//中文
enUS  //英文
} from "date-fns/locale"; // 设置语言
export default {
  mounted() {
  //HH表示24小时制    hh表示12小时制
    console.log(format(new Date(), "yyyy-MM-dd HH:mm:ss", { locale: zhCN })); //  2022-07-18 10:50:33
  },
};

addDays():加减天数

import {  addDays} from "date-fns";
import { 
zhCN,//中文
enUS  //英文
} from "date-fns/locale"; // 设置语言
export default {
  mounted() {
    console.log(format(new Date(), "yyyy-MM-dd HH:mm:ss")); //2022-07-18 11:03:21
    let time = addDays(new Date(), -1);
    console.log(format(time, "yyyy-MM-dd HH:mm:ss"));  //2022-07-17 11:03:21
    //相同用法
     //addMonths():几个月后的日期,
     //addHours():几个小时后的日期,
     //addMinutes():几分钟后的日期
     //addWeeks():几个周后的日期
};

getDate():获取日期的天数

import {  getDate} from "date-fns";
import { 
zhCN,//中文
enUS  //英文
} from "date-fns/locale"; // 设置语言
export default {
  mounted() {
   console.log(new Date()); // Mon Jul 18 2022 11:14:24 GMT+0800 (中国标准时间)
    console.log(getDate(new Date())); // 18
    //相同用法
      //getYear():获取传入时间的年份,
      //getMonth():获取传入时间的月份,
      //getDay():获取传入时间是星期几
};
上一篇下一篇

猜你喜欢

热点阅读