推荐一个库: Day.js 帮我们处理JavaScript中的日期

Day.js中文网 (fenxianglu.cn)icon-default.png?t=M85Bhttps://dayjs.fenxianglu.cn/

原生方法: 

const today = new Date();
const dd = String(today.getDate()).padStart(2,'0'); // 日
const mm = String(today.getMonth()+1).padStart(2,'0'); // 月
const yyyy = today.getFullYear(); // 年
console.log(`${yyyy}-${mm}-${dd}`) // 2022-12-18

dayjs 方法:

import dayjs from "dayjs";
const curDate = dayjs().format('YYYY-MM-DD');
console.log(curDate) // 2022-12-18

检查日期是否合法: 

import dayjs from "dayjs";
// 输出: false
dayjs("30").isValid();

// 输出: true
dayjs("2022-12-18").isValid();

获取连个日期相差的天数: 

import dayjs from "dayjs";
// 第二个参数 'day' 表示以日为单位,其他参数可参考官方文档
dayjs(new Date(2022,10,1)).diff(new Date(2022,9,17),"day");
// 15

时间相加:

import dayjs from "dayjs";
dayjs("2021-09-17 08:10:00").add(20,"minute").format('YYYY-MM-DD HH:mm:ss')
// 2021-09-17 08:30:00

获取指定日期月份的天数: 

import dayjs from "dayjs";
dayjs("2022-09-13").daysInMonth()
// 30

获取指定日期是当年的第几周: 

import dayjs from "dayjs";
import weekOfYear from "dayjs/plugin/weekOfYear";

dayjs.extend(weekOfYear);
dayjs("2021-09-13 16:00:00").week();
// 38

检查一个日期是否等于或者大于一个日期: 

import dayjs from "dayjs";
import isSameOrAfter from "dayjs/plugin/isSameOrAfter";

dayjs.extend(isSameOrAfter);
dayjs("2021-09-17").isSameOrAfter("2021-09-16");
// true

获取数组中最大的日期,或者最小的日期: 

import dayjs from "dayjs";
import minMax from "dayjs/plugin/minMax";

dayjs.extend(minMax)

const maxDate = dayjs.max([
    dayjs("2022-09-13"),
    dayjs("2022-09-16"),
    dayjs("2022-09-20")
])

const minDate = dayjs.min([
    dayjs("2022-09-13"),
    dayjs("2022-09-16"),
    dayjs("2022-09-20")
])

maxDate.format('YYYY-MM-DD HH:mm:ss')
// 2022-09-20 00:00:00

minDate.format('YYYY-MM-DD HH:mm:ss')
// 2022-09-13 00:00:00

检查指定日期是否在指定的日期范围内:

import dayjs from "dayjs";
import isBetween from "dayjs/plugin/isBetween";

dayjs.extend(isBetween);

// 使用日为颗粒度进行比较
dayjs("2010-10-21").isBetween(dayjs("2010-10-20"),dayjs("2010-10-25"),"day");
// true

// 使用年为颗粒度进行比较
dayjs("2010-10-21").isBetween(dayjs("2010-10-20"),dayjs("2010-10-25"),"year");
// false

时间相减: 

import dayjs from "dayjs";

dayjs("2021-09-17 08:10:00").subtract(20,"minute").format('YYYY-MM-DD HH:mm:ss')
// 2021-09-17 07:50:00

你可能感兴趣的:(javascript,前端开发,javascript,前端,vue.js)