date-fns时间库的基本使用

在react中使用date-fns:
import sub_days from 'date-fns/sub_days';
import start_of_week from 'date-fns/start_of_week';
import end_of_week from 'date-fns/end_of_week';
import start_of_month from 'date-fns/start_of_month';
import end_of_month from 'date-fns/end_of_month';
 
const theMoment = new Date();
const today = +theMoment;
const yerterday = +sub_days(theMoment, 1);
const startOfWeek = +start_of_week(theMoment, { weekStartsOn: 1 });
const endOfWeek = +end_of_week(theMoment, { weekStartsOn: 1 });
const startOfMonth = +start_of_month(theMoment);
const endOfMonth = +end_of_month(theMoment);
 
不使用时间库:
let date = new Date()
let lastDay = new Date(date.getTime() - 24 * 60 * 60 * 1000) //昨天
let currentMonth = date.getMonth()
let nextMonth = ++currentMonth
let nextMonthFirstDay = new Date(date.getFullYear(), nextMonth, 1)
let oneDay = 1000 * 60 * 60 * 24
//返回date是一周中的某一天
let week = date.getDay()
//返回date是一个月中的某一天
let month = date.getDate()
//减去的天数
let minusDay = week != 0 ? week - 1 : 6
//获得当前周的第一天
let currentWeekFirstDay = new Date(date.getTime() - oneDay * minusDay)
//获得当前周的最后一天
let currentWeekLastDay = new Date(currentWeekFirstDay.getTime() + oneDay * 6)

转载于:https://www.cnblogs.com/cnlg123/p/11187969.html

date-fns是一个现代JavaScript日期实用程序,用于处理日期和时间。它提供了丰富的日期处理功能,包括格式化、解析、计算、比较等等。 如果您想在Nuxt.js项目中使用date-fns,您可以通过以下命令将@nuxtjs/date-fns作为依赖项添加到项目中: ```bash yarn add --dev @nuxtjs/date-fns ``` 或者 ```bash npm install --save-dev @nuxtjs/date-fns ``` 有时候,在安装date-fns包时可能会遇到问题。例如,您可能会遇到"Range Error: locale must contain localize property"错误,这可能是由于date-fns的版本不匹配所致。解决此问题的一种方法是使用以下命令行安装适当的版本: ```bash npm i date-fns@next ``` 这将安装版本为"^2.0.0-alpha.27"的date-fns。另外,有时在使用TypeScript检测时可能会出现没有默认导出的问题。您可以尝试使用下面的导入方式解决该问题: ```typescript import * as th from 'date-fns/locale/th' ``` 通过这些步骤,您可以成功安装和使用date-fns依赖项。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [date-fns-module:现代JavaScript日期实用程序-Nuxt.js的date-fns](https://download.csdn.net/download/weixin_42102634/18242068)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [react-datepicker组件依赖date-fns实现国际化功能时遇到的问题以及解决方法](https://blog.csdn.net/cc18868876837/article/details/86744583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值