js 从开始和结束时间得到中间所有天

谁践踏了优雅 2021-09-29 09:06 235阅读 0赞

今天在论坛中看到一个帖子，给定输入的字符型日期和结束的字符型日期，计算中间间隔的每一天的日期。正好项目不忙，就动手写了一下，记录下来吧。

### 原问题 ###

var start_time = "2015-2-1"
    var end_time = "2015-3-1"
    
    需求得到开始和结束时间之间所有天 return [ '2015-2-1',"2015-2-2" ... "2015-2-28","2015-3-1"]

# method 1 #

<script>
    // 获取间隔天数
    function getDays(day1, day2) {
    	// 获取入参字符串形式日期的Date型日期
    	var d1 = day1.getDate();
    	var d2 = day2.getDate();
     
    	// 定义一天的毫秒数
    	var dayMilliSeconds  = 1000*60*60*24;
    	
    	// 获取输入日期的毫秒数
    	var d1Ms = d1.getTime();
    	var d2Ms = d2.getTime();
    	
    	// 定义返回值
    	var ret;
    	
    	// 对日期毫秒数进行循环比较，直到d1Ms 大于等于 d2Ms 时退出循环
    	// 每次循环结束，给d1Ms 增加一天
    	for (d1Ms; d1Ms <= d2Ms; d1Ms += dayMilliSeconds) {
    	
    		// 如果ret为空，则无需添加","作为分隔符
    		if (!ret) {
    			// 将给的毫秒数转换为Date日期
    			var day = new Date(d1Ms);
    			
    			// 获取其年月日形式的字符串
    			ret = day.getYMD();
    		} else {
    		
    		// 否则，给ret的每个字符日期间添加","作为分隔符
    			var day = new Date(d1Ms);
    			ret = ret + ',' + day.getYMD();
    		}
    	}
     
    	alert(ret); // 或可换为return ret;
    }
     
    // 给Date对象添加getYMD方法，获取字符串形式的年月日
    Date.prototype.getYMD = function(){
        var retDate = this.getFullYear() + "-";  // 获取年份。
        retDate += this.getMonth() + 1 + "-";    // 获取月份。          
        retDate += this.getDate();               // 获取日。
        return retDate;                          // 返回日期。
    }
     
    // 给String对象添加getDate方法，使字符串形式的日期返回为Date型的日期
    String.prototype.getDate = function(){
    	var strArr = this.split('-');
    	var date = new Date(strArr[0], strArr[1] - 1, strArr[2]);
    	return date;
    }
     
    getDays('2015-2-1', '2015-3-1'); 
    </script>

上面的方法中，利用日期毫秒数比较的方式，同时让开始的日期进行自增，避免了计算每个月有多少天的情况。

getYMD 和 getDate 是分别在Date 和 String 原型上增加的方法，方便我们的使用。

# method 2 #

<script>
    // 获取间隔天数
    function getDays(day1, day2) {
    	// 获取入参字符串形式日期的Date型日期
    	var st = day1.getDate();
    	var et = day2.getDate();
    	
    	// 定义返回的数组
    	var retArr = [];
     
    	// 循环，启动日期不等于结束日期时，进行循环
    	while (st.getTime() != et.getTime()) {
    		
    		// 将启动日期的字符串形式的日期存放进数组
    		retArr.push(st.getYMD());
    		
    		// 取得开始日期的天
    		var tempDate = st.getDate();
    		
    		// 将开始日期st指向构造出的新的日期
    		// 新的日期较之前的日期多加一天
    		st = new Date(st.getFullYear(), st.getMonth(), st.getDate() + 1);
    	}
     
    	// 将结束日期的天放进数组
    	retArr.push(et.getYMD());
    	
    	alert(retArr); // 或可换为return ret;
    }
     
    // 给Date对象添加getYMD方法，获取字符串形式的年月日
    Date.prototype.getYMD = function(){
       var retDate = this.getFullYear() + "-";  // 获取年份。
       retDate += this.getMonth() + 1 + "-";    // 获取月份。          
       retDate += this.getDate();               // 获取日。
       return retDate;                          // 返回日期。
    }
     
    // 给String对象添加getDate方法，使字符串形式的日期返回为Date型的日期
    String.prototype.getDate = function(){
    	var strArr = this.split('-');
    	var date = new Date(strArr[0], strArr[1] - 1, strArr[2]);
    	return date;
    }
     
    getDays('2015-2-9', '2015-3-8'); 
    </script>

这里由于while循环的条件是 st.getTime() != et.getTime() 所以，while循环内，结束日期的字符型日期不会放进结果数组，所以要在while结束后将结束日期放进结果数组中。

# method 3 #

<script>
    // 获取间隔天数
    function getDays(day1, day2) {
    	// 获取入参字符串形式日期的Date型日期
    	var st = day1.getDate();
    	var et = day2.getDate();
    	
    	var retArr = [];
    	
    	// 获取开始日期的年，月，日
    	var yyyy = st.getFullYear(),
    		mm = st.getMonth(),
    		dd = st.getDate();
    	
    	// 循环
    	while (st.getTime() != et.getTime()) {
    		retArr.push(st.getYMD());
    		
    		// 使用dd++进行天数的自增
    		st = new Date(yyyy, mm, dd++);
    	}
     
    	// 将结束日期的天放进数组
    	retArr.push(et.getYMD());
    	
    	alert(retArr); // 或可换为return ret;
    }
     
    // 给Date对象添加getYMD方法，获取字符串形式的年月日
    Date.prototype.getYMD = function(){
     
        // 将结果放在数组中，使用数组的join方法返回连接起来的字符串，并给不足两位的天和月十位上补零
        return [this.getFullYear(), fz(this.getMonth() + 1), fz(this.getDate())].join("-");
    }
     
    // 给String对象添加getDate方法，使字符串形式的日期返回为Date型的日期
    String.prototype.getDate = function(){
    	var strArr = this.split('-');
    	return new Date(strArr[0], strArr[1] - 1, strArr[2]);
    }
     
    // 给月和天，不足两位的前面补0
    function fz(num) {
    	if (num < 10) {
    		num = "0" + num;
    	}
    	return num
    }
     
    getDays('2015-2-9', '2015-3-8'); 
    </script>

方法3 中做了下面两点改进

将while循环内的new Date() 时的入参定义到了外面，不用每次都使用st.getFullYear()，st.getMonth()，st.getDate() 的去获取，且new Date() 的天可以直接使用dd++，提高了运算效率  
getYMD 中，直接使用\[this.getFullYear(), fz(this.getMonth() + 1), fz(this.getDate())\].join("-") 替代了之前的四行代码，且给月份和天进行了补位，在不足两位的时候前面补0，这样处理过的8位的字符日期可以保存数据库，再拿出来时也方便处理。

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关输入开始和结束时间,得到中间的日期(包含两边,实用年月日)

在工作中遇到一个需求,通过前端传过来的开始时间和结束时间来查询两个时间段中间每一个时间的数据,数据可以是年份,月份,或者日期。例如输入2022,2025,需要查询2022,20

我会带着你远行/ 2023年09月24日 13:27/ 0 赞/ 81 阅读

相关 element 校验开始时间小于结束时间,结束时间大于开始时间

<el-col :span="12"> <el-form-item label="期望发货时间：" prop="orderE

男娘i/ 2023年03月12日 14:29/ 0 赞/ 130 阅读

相关 MySql 取一天的开始时间和结束时间

-- 取一天的开始时间 SELECT str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s'

迷南。/ 2023年01月03日 04:21/ 0 赞/ 240 阅读

相关 html开始时间和结束时间,JS中验证开始时间和结束时间

1、html html代码 \开始时间： \结束时间： //当保存时触发方法2、js js代码 function travelSave()\{ if(checkVa

太过爱你忘了你带给我的痛/ 2022年10月06日 09:55/ 0 赞/ 398 阅读

相关 js 从开始和结束时间得到中间所有天

今天在论坛中看到一个帖子，给定输入的字符型日期和结束的字符型日期，计算中间间隔的每一天的日期。正好项目不忙，就动手写了一下，记录下来吧。

布满荆棘的人生/ 2022年08月05日 14:21/ 0 赞/ 122 阅读

相关 MySql 取一天的开始时间和结束时间

-- 取一天的开始时间 SELECT str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s'

客官°小女子只卖身不卖艺/ 2022年07月14日 02:29/ 0 赞/ 314 阅读

相关开始时间和结束时间，用例设计

1、日期包含的测试情况 ![20170831101628891][] 2、具体用例 ![20170831101632898][] [用例模板][Lin

亦凉/ 2022年06月09日 07:29/ 0 赞/ 303 阅读

相关 MySql 取一天的开始时间和结束时间

`-- 取一开的开始时间` `SELECT` `str_to_date(DATE_FORMAT(NOW(),``'%Y-%m-%d'``),``'%Y-%m-%d %H:%i

逃离我推掉我的手/ 2022年05月13日 23:34/ 0 赞/ 347 阅读

相关 JS判断开始时间小于结束时间案例

一.html 预计入住时间:<input class="pub_textAlign_right" placeholder="例如，${memoDate }" type

亦凉/ 2022年04月15日 06:21/ 0 赞/ 432 阅读

相关 js 从开始和结束时间得到中间所有天

今天在论坛中看到一个帖子，给定输入的字符型日期和结束的字符型日期，计算中间间隔的每一天的日期。正好项目不忙，就动手写了一下，记录下来吧。原问题 var sta

谁践踏了优雅/ 2021年09月29日 09:06/ 0 赞/ 236 阅读