前端计算当天、本周、本月、本季、今年的起止日期

最新推荐文章于 2025-03-18 16:43:15 发布

sqwu

最新推荐文章于 2025-03-18 16:43:15 发布

阅读量1.1k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/qq_42345108/article/details/109779712

版权

这篇博客分享了如何在前端计算并获取当前日期的当天、本周、本月、本季和今年的起止日期。提供了完整代码示例，并且代码已经通过eslint校验，适用于vue项目。

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

1.完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="btnClick(1)">今天</button>
		<input id="day"></input>
		<br/>
		<br/>
		<button type="button" onclick="btnClick(2)">本周</button>
		<input id="week"></input>
		<br/>
		<br/>
		<button type="button" onclick="btnClick(3)">本月</button>
		<input id="month"></input>
		<br/>
		<br/>
		<button type="button" onclick="btnClick(4)">本季</button>
		<input id="quarter"></input>
		<br/>
		<br/>
		<button type="button" onclick="btnClick(5)">今年</button>
		<input id="year"></input>
		<script type="text/javascript">
			// 日期格式化
			Date.prototype.format = function(format) {
				var o = {
					"M+": this.getMonth() + 1, //month
					"d+": this.getDate(), //day
					"h+": this.getHours(), //hour
					"m+": this.getMinutes(), //minute
					"s+": this.getSeconds(), //second
					"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
					"S": this.getMilliseconds() //millisecond
				}
				if (/(y+)/.test(format))
					format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
				for (var k in o)
					if (new RegExp("(" + k + ")").test(format))
						format = format.replace(RegExp.$1,
							RegExp.$1.length == 1 ? o[k] :
							("00" + o[k]).substr(("" + o[k]).length));
				return format;
			}

			function chooseDate(val) {
				var params;
				var now = new Date() // 当前日期
				var nowDayOfWeek = now.getDay() - 1 // 获取今天是本周的第几天，通过减1将周一改为本周的第一天
				var nowDay = now.getDate() // 当前日
				var nowMonth = now.getMonth() // 当前月

最低0.47元/天解锁文章