本文说明了通过JavaScript实现将默认日期范围设置为最后40天的方法。分享给大家参考，如下：

上一篇文章《JavaScript输出所选择起始与结束日期的方法》中的例子实现了选择日期然后输出所选日期的功能。

但是在实际项目中，测试人员说客户的需求是点击页面后自动查询最近40天的数据。

想了想，实现的原理是调用一个JavaScript函数，设置页面加载后的日期。与上一篇文章相比，除了修改一些格式之外，还增加了onload函数。

此外，虽然可以使用标准函数toLocaleString将日期转换为字符串，但日期格式不符合要求，因此添加了日期转换函数dateToString。

同样，这段代码只能在支持HTML5的chrome等浏览器中运行。

代码如下：

！DOCTYPE HTMLhtmlhead meta http-equiv=' content-type ' content=' charset=utf8 '/meta script type=' text/JavaScript '函数query(){ var xx=document . getelementsbyname(' day ')；var s=for(var I=0；ixx.lengthi ) { if(xx[i]。tagName=='TD') s=s xx[i]。innerText//alert(xx[i]。innerText)；else { if(xx[i])。tagName=='INPUT') s=xx[i]。价值；} if(I % 2==1)s='；'；} var YY=document . getelementbyid(' sp ')；YY . innerhtml=s；}//实现日期类型数据到标准字符串格式函数datetostring(d){ var y=d . getfullyear()；var m=d . getmonth()1；var d=d . GetDate()；//将日期2017-01-06格式化为标准的2017-01-06。//确定数字的长度是否为1。如果是1，则在(m. tostring()中添加字符0。长度==1) m=' 0' m之前；if(d.toString()。长度==1)d=' 0 ' d；返回y-m-d；}//页面加载时，初始化开始日期(40天前)和结束日期(今天)，默认查询最近40天的数据。函数onload() {//获取今天的日期，但是这个数据的格式不标准。//也就是说2017年05月06日10:4:07 GMT 0800换算成2017-007。var endDate=DateToString(d)；//返回日期的原始值，即xxx到今天日期的毫秒差d=d . value of()；d=d-40 * 24 * 60 * 60 * 1000；d=新日期(d)；var startDate=DateToString(d)；//将日期值输出到chrome log，方便调试console . log(d)；console . log(startDate)；console . log(end date)；var date 1=document . getelementbyid(' date 1 ')；var date 2=document . getelementbyid(' date 2 ')；date 1 . value=start date；date 2 . value=end date；}/script/head body on load=' on load()' table Tr TD name=' day '开始日期：输入类型=' date ' name=' day ' id=' date 1 '/TD/Tr TD name=' day '结束日期：输入类型=' date ' name=' day ' id=' date 2 '/TD/TD TD输入类型=' button ' value=' query ' onclick=' query()'//TD/Tr/table hrpspan id=' sp '/spanp/。

左边部分是网页内容。一旦页面被加载，开始日期和结束日期将被自动设置。点击查询按钮，所选日期值将在横线下输出。

为了调试方便，打开网页后，在chrome中按F12键，就会出现上图中的右边部分。点击里面的Console按钮，会显示代码运行过程中的日志，包括输出变量值。

PS:这里有一些比较实用的计算天数的在线工具，大家可以使用：

在线日期/天数计算器：http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期计算器/差异天数计算器：http://tools.jb51.net/jisuanqi/datecalc

在线日期和天数差异计算器：http://tools.jb51.net/jisuanqi/onlinedatejsq

在线天数计算器：http://tools.jb51.net/jisuanqi/datejsq

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript+HTML5特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。