获取当日/当月的时间段——js(技能提升)

亦凉 2022-09-04 08:48 181阅读 0赞

今天遇到一个需求，要展示当日/当月的表格数据，支持当日和当月时间的选择。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]

# 获取当日的时间——年月日格式 #

getDataString(date){ 
    	var year = date.getFullYear().toString().padStart(4,'0');
    	var month = (date.getMonth()+1).toString().padStart(2,'0');
    	var day = date.getDate().toString().padStart(2,'0');
    	return `${ year}-${ month}-${ day}`;
    }

根据上面封装的函数，只需要将时间传入到函数中，就可以获取到日期对应的年月日格式了。  
比如：当日的时间可以通过：`getDataString(new Date())`  
把`new Date()`传入到函数中，就可以了。如果想要获取其他时间的年月日格式，也是可以使用这个函数的，但是前提是获取对应时间的标准日期格式。  
标准日期格式如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]

# 获取当月的时间——年月日格式 #

getMonthString(date){ 
    	var fullYear = date.getFullYear();
    	var month = date.getMonth()+1;
    	var endOfMonth = new Date(fullYear,month,0);
    	var startOfMonth = new Date(date.setDate(1));
    	//此时可以获取到月初和月末的标准时间格式，想要转化为年月日，则需要使用上面的函数了
    	var startTime = this.getDateString(startOfMonth);
    	var endTime = this.getDateString(endOfMonth);
    	return [startTime,endTime];
    }

完成！！！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20220829/32ac52da87df4c3b88ede5d7281cc02f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]: /images/20220829/cc595a9474124601bf56e44d6957b952.png