moment获取当前年、月、周的第一天和最后一天

最新推荐文章于 2025-01-09 10:47:58 发布

搬砖了

最新推荐文章于 2025-01-09 10:47:58 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

文章标签： html uni-app 前端

本文链接：https://blog.youkuaiyun.com/weixin_44590591/article/details/129707952

该代码片段展示了一个Vue.js组件，利用moment.js库来获取当前年、月、周的第一天和最后一天。组件包含两个箭头图标，分别用于切换到上一周或下一周，点击事件触发switch_month_week函数，调整nowTime值并更新datatime数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

moment获取当前年、月、周的第一天和最后一天
在这里插入图片描述

<u-icon class="icon-font" name="arrow-left" color="#ccc" size="15"
 									@click="switch_month_week('prev',true)"></u-icon>
 		<view class="title">{{datatime[0]}}-{{datatime[1]}}</view>
 								<u-icon class="icon-font" name="arrow-right" color="#ccc" size="15"
 									@click="switch_month_week('next',true)"></u-icon>

getdatatime(i, type) {
				// i：用户上一个月下一个也，type：获取的类型，年月周
 				if (type == "week") {
 					let weekOfDay = parseInt(moment().format('E')); //计算今天是这周第几天
 					let last_monday = moment().subtract(weekOfDay + 7 * i - 1, 'days').format('YYYY/MM/DD'); //周一日期
 					let last_sunday = moment().subtract(weekOfDay + 7 * (i - 1), 'days').format('YYYY/MM/DD'); //周日日期
 					return [last_monday, last_sunday]
 				} else if (type == "month") {
 					let startEndTime1 = moment().startOf("month").subtract(i, 'months').format('YYYY/MM/DD')
 					let startEndTime2 = moment().endOf("month").subtract(i, 'months').format('YYYY/MM/DD')
 					
 					return [startEndTime1, startEndTime2]

 				} else if (type == "year") { 
 					let startDate = moment().startOf('year').format('YYYY/MM/DD')
 					let endDate = moment().endOf('year').format('YYYY/MM/DD')
 					return [startDate, endDate]
 				}

 			},


			// nowTime：默认是0，当前年/月/周
 			switch_month_week(type = 'next') {
 				if (type == 'prev') {
 					this.nowTime = this.nowTime + 1
 				} else if (type == 'next') {
 					this.nowTime = this.nowTime - 1
 				}
				// 调用函数获取到年月周欧
 				this.datatime = this.getdatatime(this.nowTime, this.timetype)  
 			},