兼容性
几乎所有浏览器
需求
项目中常有需求,要求用户最多可查询信息的月份跨度
难点
月份跨度是最难的,因为月份的天数是不定的,有的31天,有的30天,二月份还有29天或28天,这就不能以多少天为一个月计算了。是不是很头疼?
错误做法
项目中前端同事写的代码
if (前年两个日期不在同一年) {
//do something
} else if () {
} else if () {
} else if () {
} else if () {
} else if () {
} else {
}
就这样一长串 elseif,结果bug频出。
解决思路
当需求不是很严格时,每个月按31天算或按30天算就很容易,然而这种体验不太好。
应该在满足足月需求时,尽可能减少天数。
比如若本年是平年,上年的12月29日到本年的2月28,上年的12年31日到本年的2月28日,本年的1月1日到本年的2月28日,都算跨度为3个月。
代码
/**
* 开始日期不能小于结束日期month个月
* @Param startDate 开始日期 类型 Date 或 string 格式 yyyy-MM-dd
* @Param endDate 结束日期 类型 Date 或 string 格式 yyyy-MM-dd
* @Param month 间隔月数 类型 number 整数
* @return false 小于month个月,else true
*/
function endStartMonth(startDate, endDate, month) {
var start = null, end = null, startTmp = null;
if (typeof startDate === 'string') {
var s = startDate.split('-');
start = new Date(window.parseInt(s[0], 10), window.parseInt(s[1], 10) - 1 + month, window.parseInt(s[2], 10));
start = new Date(window.parseInt(s[0], 10), window.parseInt(s[1], 10) + month, 0);
} else {
start = new Date(startDate.getFullYear(), startDate.getMonth() + month, startDate.getDate());
start = new Date(startDate.getFullYear(), startDate.getMonth() + 1 + month, 0);
}
if (startTmp.getFullYear() !== start.getFullYear() || startTmp.getMonth() !== start.getMonth()) {
start = new Date(startTmp.getFullYear(), startTmp.getMonth(), startTmp.getDate() + 1);
}
if (typeof endDate === 'string') {
var e = endDate.split('-');
end = new Date(window.parseInt(e[0], 10), window.parseInt(e[1], 10) - 1, window.parseInt(e[2], 10));
} else {
end = endDate;
}
return +start > +end;
}

2117

被折叠的 条评论
为什么被折叠?



