网站 微信公众号 建设方案,wordpress 图片加速,西安建设商城类网站,信息化系统的应用场景用官网的话来说#xff0c;date-fn.js 就是一个现代 JavaScript 日期实用程序库#xff0c;date-fns 为在浏览器和 Node.js 中操作 JavaScript 日期提供了最全面、但最简单和一致的工具集。那实际用起来像它说的那么神奇呢#xff0c;下面就一起来看看吧。 安装
安装的话就…用官网的话来说date-fn.js 就是一个现代 JavaScript 日期实用程序库date-fns 为在浏览器和 Node.js 中操作 JavaScript 日期提供了最全面、但最简单和一致的工具集。那实际用起来像它说的那么神奇呢下面就一起来看看吧。 安装
安装的话就非常简单了你可以用 npm/cnpm或者你还可以用 yarn安装。
npm install date-fns --save
cnpm install date-fns --save
yarn add date-fns
引入
需要注意的是用到的方法都需要在 {}中引入并且 date-fns 是不支持全局引入的。
import { format } from date-fns; // 根据需要引入方法
实例
date-fns 中有非常多的方法可以选择话不多说下面直接进入实战开发。 1. 日期格式转换字符串格式 let dateTime new Date();
console.log(dateTime); // Tue Sep 20 2022 16:08:58 GMT0800 (中国标准时间)
let currentTime format(dateTime, yyyy-MM-dd HH:mm:ss);
console.log(currentTime); // 2022-09-20 16:09:33 2. 字符串格式转换日期格式 let dateTime 2022-09-20 16:09:33;
let currentTime parseISO(dateTime);
console.log(currentTime); // Tue Sep 20 2022 16:09:33 GMT0800 (中国标准时间) 3. 现有日期做加/减 方法描述addYears加年subYears减年addMonths加月subMonths减月addWeeks加周subWeeks减周addDays加天subDays减天addHours加小时subHours减小时addMinutes加分钟subMinutes减分钟 例当前日期减一天
let dateTime new Date(2022-09-20 16:09:33);
let currentTime format(subDays(dateTime, 1), yyyy-MM-dd HH:mm:ss);
console.log(currentTime); // 2022-09-19 16:09:33 4.日期之间的比较 若 timeOne 大于 timeTwo 返回 1反之返回 -1如果相等则返回 0
let timeOne new Date(2022-09-20 16:09:33);
let timeTwo new Date(2022-01-20 21:19:53);
let currentTime compareAsc(timeOne, timeTwo);
console.log(currentTime); // 1 5.日期之间的差值 方法描述differenceInYears年differenceInMonths月differenceInWeeks周differenceInDays日differenceInHours时differenceInMinutes分 例相差多少年
let timeOne new Date(2022);
let timeTwo new Date(2015);
let currentTime differenceInYears(timeOne, timeTwo);
console.log(currentTime); // 7 6.判断日期是否为今/昨/明天 判断成立返回 true反之返回 false 方法描述isToday今天isYesterday昨天isTomorrow明天 例判断是否为今天
let dateTime new Date(2022-09-20);
const currentTime isToday(dateTime);
console.log(currentTime); // true 7.获取当天的开始/结束时间 方法描述startOfDay开始时间endOfDay结束时间 例获取今天开始时间
let dateTime new Date(2022-09-20 16:09:33);
let currentTime format(startOfDay(dateTime), yyyy-MM-dd HH:mm:ss);
console.log(currentTime); // 2022-09-20 00:00:00 8. 获取当月月份的第一天/最后一天 方法描述startOfMonth当月第一天endOfMonth当月最后一天 例获取当月第一天
let dateTime new Date(2022-09-20);
let currentTime format(startOfMonth(dateTime), yyyy-MM-dd);
console.log(currentTime); // 2022-09-01 9. 获取传入的日期是哪一年/月/周几/几号 方法描述getYear哪一年getMonth哪一个月 注意因为是从0开始所以最终的结果需要加1getDay周几getDate几号getHours小时getMinutes分钟 例获取传入的日期是哪一年
// 获取传入的日期是星期几
let dateTime new Date(2022-12-20);
let currentTime getYear(dateTime);
console.log(currentTime); // 2022 10.获取传入日期所在一年当中的第几周 let dateTime new Date(2020-01-11);
let currentTime getISOWeek(dateTime);
console.log(currentTime); // 2 11.判断传入的日期是否相等 若返回 true则是相等的反之若为 false 则不相等
let timeOne new Date(2020-12-31);
let timeTwo new Date(2020-11-31);
let currentTime isEqual(timeOne, timeTwo);
console.log(currentTime); // false
