作者：私语茶馆
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
![[IM002][Microsoft][ODBC驱动程序管理器]未发现数据源名称并且未指定默认驱动程序（0]](https://img-blog.csdnimg.cn/direct/a52f66abff0d4c5f97a945196b6f76dc.png)
![正点原子[第二期]Linux之ARM（MX6U）裸机篇学习笔记-23.3,4,5,6 讲 I2C驱动-读取AP3216C传感器](https://img-blog.csdnimg.cn/direct/28e485db1da1475b8e1f179416447323.png)
