Day.js 日期库的使用

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，是目前最常见的日期库
接下来开始进入主题
1、安装 day.js 库

npm install dayjs --save

2、在 utils 文件夹里添加一个 day.js 文件

import dayjs from 'dayjs'  // 1、先引入dayjs

export function formatDay( date ) {  // 2、创建一个方法，专门处理日期的格式
  return dayjs(date).format("YYYY-MM-DD")  // 3、format("YYYY-MM-DD")是想要返回什么样的格式就传什么样的格式
}

// ======== 这个方法是计算时间差
export function getDiffDay(startDate,endDate){ // 第一个天数是开始时间；第二个参数是结束时间
  // 思想：用结束时间-开始时间
  return dayjs(endDate).diff(startDate,'day')
}
// diff() 方法的第一个参数是开始时间，第二个参数是：
 // 你想返回一个差几天传'day';想返回差几个月传'month';想返回差几年传'year';
// 想返回差几毫秒传'millisecond';想返回差几秒传'second';想返回差几分传'minute';
// 想返回差几小时传'hour';

3、在项目中使用

import { formatDay, getDiffDay } from '@/utils/dayjs' // 1、导入dayjs ,注意路径

const aa = ref(formatDay(new Date())) // 2、传入当前时间  // aa打印出来就是2022-05-20的格式

// 如果要让你计算时间差，这就传开始时间和结束时间
const bb = ref(getDiffDay('开始时间','结束时间'))  // bb打印出来就是两个天数的差

4、更多使用

// 引入项目中
import dayjs from 'dayjs'

// 格式化时间
dayjs().format();  // 2023-07-24T15:00:00+08:00
dayjs().format('YYYY-MM-DD'); // 2023-07-24
dayjs().format('YYYY-MM-DD HH:mm:ss'); // 2023-07-24 15:00:00
dayjs(1318781876406).format('YYYY-MM-DD HH:mm:ss');// 2011-10-17 00:17:56

dayjs().add(2, 'day'); // 在今天日期基础上加 2 天
dayjs().subtract(2, 'year'); // 在当前年份基础上减 2 年
dayjs().startOf('week'); // 当前的星期一
dayjs().endOf('month'); // 当前的月末
dayjs('2023-07-24').daysInMonth() // 获取当月天数
dayjs(); // 当前时间
dayjs(new Date()); // 根据Date对象创建
dayjs("2023-07-24 15:16:45.869"); // 根据字符串创建
dayjs('2023-07-24T07:16:45.869Z'); // 根据JSON格式创建
dayjs(1530688605869); // 根据毫秒创建

5、需要了解更多，请前往 day.js 官网：

https://dayjs.fenxianglu.cn/category/