作者:私语茶馆
1.场景描述
如下图,在HTML刚加载时,需要将开始时间设置为默认当前时间,结束时间设置为当前时间后7天的时间。手工填写时间时,时间段不超过30天。
这里涉及到两个技术点:
1)Input Date的当前时间设置
2)date的运算
由于是动态修改HTML,所以采用的是JavaScript动态修改页面。
2.Input Date设置为当前时间
将InputDate设置为当前时间有以下几步:
1)编写JavaScript脚本,设置日期
2)HTML中Body的onload event事件关联事件修改脚本
2.1.设置Input Date为当前时间
HTML文件:开发一个input,将id设置为:startDate,方便后面JS动态修改,同时在Body对象中添加onload事件,这样页面一加载就可以填写默认值。
<body onload="checkDateFilter()">
<div style="bac