input标签type=“week“选择第几周

今天在做统计报表页面的时候，有一个问题。需要按照周条件搜索。

天 月 年原来都做过，直接type="date"然后format一下就行了。但是没弄过按周查询的。
就自己查资料，慢慢搞！

HTML5 拥有多个可供选取日期和时间的新输入类型：

date：选取日、月、年
month：选取月、年
week：选取周和年
time：选取时间（小时和分钟）
datetime-local：选取时间、日、月、年（本地时间）
datetime：选取时间、日、月、年（在有些浏览器内失效，选用datetime-local）

<input type="week" name="start_time" value="2020-W29" />

但是 Internet Explorer 或 Firefox 浏览器不支持使用 type=“week” 属性的 HTML 元素。

这个时间格式很奇怪，跟date类型的不一样。
2020-W29 表示2020年的第29周。不知道这个值传到后台该怎么解析去数据库中查询。

控制层 获取到当前是第几周：

Calendar calendar = Calendar.getInstance();
// 这个时间用于页面回显
calendar.clear();
calendar.setTime(new Date());
calendar.setFirstDayOfWeek(Calendar.MONDAY);
System.out.println(calendar.get(Calendar.WEEK_OF_YEAR));  //获取到今天  是第几周

因为前段 value值 是 “2020-W29” 这种类型。所以就需要获取到当前时间 然后按照 yyyy 格式进行格式化 然后再拼接成 前段页面需要的数据。

然后就是关于，前段提交表单。后台接收到 week 数据之后。怎么获取到时间范围：

控制层接收到 时间 “2020-W29” 然后按照W对字符串进行拆分
不能截取字符串，因为1-9周和10-54周的长度是不一样的。有可能会造成下标越界。所以拆分成字符串数组。

/*获取到这一周的星期一的日期
*/
Calendar calendar = Calendar.getInstance();
String[] split = week.split("W");
String weekStr = split[1];
int weekNum = Integer.parseInt(weekStr);
calendar.set(Calendar.DAY_OF_WEEK, Calendar.MONDAY); 
String yearStr = this.dateUtil.dateToStr(new Date(), "yyyy");
calendar.set(Calendar.YEAR, Integer.parseInt(yearStr));   //今年是那一年
calendar.set(Calendar.WEEK_OF_YEAR, weekNum);
String stDate = this.dateUtil.dateToStr(calendar.getTime());
System.out.println(stDate);


/*获取到这一周的星期日的日期
*/
calendar.clear();
calendar.set(Calendar.DAY_OF_WEEK, Calendar.MONDAY); 
calendar.set(Calendar.YEAR, Integer.parseInt(yearStr));   //今年是那一年
calendar.set(Calendar.WEEK_OF_YEAR, weekNum);
calendar.add(Calendar.DAY_OF_WEEK, 6);
String edDate = this.dateUtil.dateToStr(calendar.getTime());
System.out.println(edDate);

这样就有一个时间范围了，可以按照时间范围去数据库中查询数据了。

因为是我边查资料边该代码 边写的文章。可能会有点儿乱。 等有空了再整理一下。