本文介绍如何在JavaScript中获取指定月份或周期的第一天和最后一天。通过封装getDateStr3、getWeekStartAndEnd及getMonthStartAndEnd等函数,实现将Date对象转换为yy-mm-dd格式字符串,并支持传入参数指定当前、前一周或指定月份。文章详细解析了Date构造函数的参数含义,并提供计算每月天数及周分布的代码示例,帮助开发者快速实现时间范围查询功能。
JavaScript 计算月/周首尾日期的实现方法
在项目开发过程中,经常需要向后端接口传递当前周、上一周甚至更早周期的起止时间数据。经过反复调试,整理出一套实用的解决方案。本文旨在记录这一过程,并分享给有类似需求的开发者。由于个人水平有限,如有疏漏之处,敬请谅解。
日期格式转换与周时间计算
首先定义一个名为getDateStr3的辅助函数,其作用是将JavaScript的Date时间对象转换为“yy-mm-dd”格式的字符串。这种格式便于后续的数据传输和存储。
接着实现getWeekStartAndEnd函数,用于获取指定周期的起始和结束日期。该函数会将计算出的日期对象通过getDateStr3转换为字符串,并封装在数组中返回。函数接收一个整数参数:0表示当前周,-1表示前一周,-2表示上上周,依此类推;同样,正数如1可表示下一周。
此外,还实现了getMonthStartAndEnd函数,用于获取指定月份的第一天和最后一天。其参数传递规则与周计算函数保持一致,支持灵活指定目标月份。
//获取当前日期yy-mm-dd
//date 为时间对象
function getDateStr3(date) {
var year = "";
var month = "";
var day = "";
var now = date;
year = ""+now.getFullYear();
if((now.getMonth()+1)<10){
month = "0"+(now.getMonth()+1);
}else{
month = ""+(now.getMonth()+1);
}
if((now.getDate())<10){
day = "0"+(now.getDate());
}else{
day = ""+(now.getDate());
}
return year+"-"+month+"-"+day;
}
/**
* 获得相对当前周AddWeekCount个周的起止日期
* AddWeekCount为0代表当前周 为-1代表上一个周 为1代表下一个周以此类推
* **/
function getWeekStartAndEnd(AddWeekCount) {
//起止日期数组
var startStop = new Array();
//一天的毫秒数
var millisecond = 1000 * 60 * 60 * 24;
//获取当前时间
var currentDate = new Date();
//相对于当前日期AddWeekCount个周的日期
currentDate = new Date(currentDate.getTime() + (millisecond * 7*AddWeekCount));
//返回date是一周中的某一天
var week = currentDate.getDay();
//返回date是一个月中的某一天
var month = currentDate.getDate();
//减去的天数
var minusDay = week != 0 ? week - 1 : 6;
//获得当前周的第一天
var currentWeekFirstDay = new Date(currentDate.getTime() - (millisecond * minusDay));
//获得当前周的最后一天
var currentWeekLastDay = new Date(currentWeekFirstDay.getTime() + (millisecond * 6));
//添加至数组
startStop.push(getDateStr3(currentWeekFirstDay));
startStop.push(getDateStr3(currentWeekLastDay));
return startStop;
}
/**
* 获得相对当月AddMonthCount个月的起止日期
* AddMonthCount为0 代表当月 为-1代表上一个月 为1代表下一个月 以此类推
* ***/
function getMonthStartAndEnd(AddMonthCount) {
//起止日期数组
var startStop = new Array();
//获取当前时间
var currentDate = new Date();
var month=currentDate.getMonth()+AddMonthCount;
if(month<0){
var n = parseInt((-month)/12);
month += n*12;
currentDate.setFullYear(currentDate.getFullYear()-n);
}
currentDate = new Date(currentDate.setMonth(month));
//获得当前月份0-11
var currentMonth = currentDate.getMonth();
//获得当前年份4位年
var currentYear = currentDate.getFullYear();
//获得上一个月的第一天
var currentMonthFirstDay = new Date(currentYear, currentMonth,1);
//获得上一月的最后一天
var currentMonthLastDay = new Date(currentYear, currentMonth+1, 0);
//添加至数组
startStop.push(getDateStr3(currentMonthFirstDay));
startStop.push(getDateStr3(currentMonthLastDay));
//返回
return startStop;
}
月份首尾日期获取逻辑
在获取每月首日和末日时,若调用时未显式传入月份参数,则默认取用当前系统时间所在的月份。
//获取到每月的第一天和最后一天
getMonthFirstOrLaseDay:function(month){
var month=month || (new Date()).getMonth() //设置默认 如果不穿 取当前月份
var nowdays = new Date();
var year = nowdays.getFullYear();
if(month==0) {
month=12;
year=year-1;
}
if (month < 10) {
month = "0" + month;
}
var firstDay = year+'' + month+'' + "01";
var myDate = new Date(year, month, 0);
var lastDay = year+'' + month+'' + myDate.getDate();
return {firstDay:firstDay,lastDay:lastDay}
},
另一个需求是计算某个月份包含多少个完整的周,以及每个周一和周日对应的具体日期。若未传入年份和月份参数,则默认取用当前年份和月份进行计算。
//获取到每个月有几周,并且每周一和周日是哪天
getAForWeeks:function (year, month) {
var year=year || (new Date()).getFullYear()
var month=month || (new Date()).getMonth()
var d = new Date();
// what day is first day
d.setFullYear(year, month-1, 1);
var w1 = d.getDay();
if (w1 == 0) w1 = 7;
// total day of month
d.setFullYear(year, month, 0);
var dd = d.getDate();
// first Monday
if (w1 != 1) d1 = 7 - w1 + 2;
else d1 = 1;
week_count = Math.ceil((dd-d1+1)/7);
var allWeek={};
for (var i = 0; i < week_count; i++) {
var monday = d1+i*7;
var sunday = monday + 6;
var from = year+''+this.fnToDub(month)+''+this.fnToDub(monday);
var to;
if (sunday <= dd) {
to = year+''+this.fnToDub(month)+''+this.fnToDub(sunday);
} else {
d.setFullYear(year, month-1, sunday);
to = d.getFullYear()+''+this.fnToDub((d.getMonth()+1))+''+this.fnToDub(d.getDate());
}
allWeek[(i+1)]={
from:from,
to:to
}
}
return {allWeek:allWeek,week_count:week_count}
},
Date对象构造函数详解
获取当月第一天和最后一天看似简单,实则因各月份天数不同(28至31天不等)而稍显复杂。不过,利用JavaScript原生的Date对象可以非常便捷地实现这一逻辑。
Date对象的构造函数支持多种初始化方式,具体如下:
new Date(); new Date(value); new Date(dateString); new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);
上述构造函数中各参数的具体含义如下:
value:代表自1970年1月1日00:00:00(世界标准时间)起经过的毫秒数。 dateString:表示日期的字符串值,该字符串必须能被Date.parse()方法正确解析。 year:代表年份的整数值。为避免“2000年问题”,建议始终指定4位数的年份(例如使用1998而非98)。 month:代表月份的整数值,范围从0(1月)到11(12月)。 day:代表一个月中的第几天,整数值,从1开始。 hour:代表一天中的小时数,采用24小时制。 minute:分钟数。 second:秒数。 millisecond:表示时间的毫秒部分的整数值。
计算当月第一天和最后一天的代码示例
基于上述构造函数,我们可以轻松计算当月第一天和最后一天。
最直接的方法是直接利用年、月、日参数构造两个新的Date对象:
var date = new Date(), y = date.getFullYear(), m = date.getMonth();
var firstDay = new Date(y, m, 1);
var lastDay = new Date(y, m + 1, 0);
或者采用以下简化写法:
var date = new Date();
var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
如果需要指定特定月份(例如2012年1月)的第一天和最后一天,请注意在构造日期时,月份参数需要减1(因为JS中月份从0开始计数)。
例如,计算2012年1月的首尾日期时,月份参数应传入0(即1-1)。
var y = 2012, m = 1
var firstDay = new Date(y, m - 1, 1);
var lastDay = new Date(y, m, 0);
console.log(firstDay);
console.log(lastDay);
执行上述代码后,控制台输出结果如下:
Sun Jan 01 2012 00:00:00 GMT+0800 (中国标准时间) Tue Jan 31 2012 00:00:00 GMT+0800 (中国标准时间)