历史版本22 :JS实现起始日期编辑后结束日期增加7天 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

有两个日期控件分别为起始日期和结束日期，要查询一个星期的数据，实现选择起始日期之后，结束日期自动赋值为起始日期后7天的日期。实际效果如下图所示：

2020-06-30_14-03-26 (1).gif

1.2 实现思路

给起始日期添加编辑后 事件，使用 JavaScript 将结束日期赋值为起始日期加7天。

2. 示例编辑

2.1 打开报表

打开设计器内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Parameter\TimeScale\TimeScale.cpt

2.2 添加事件

进入参数面板编辑界面，选中 starttime 控件，添加 编辑后 事件，如下图所示：

1593497549295136.png

JavaScript 代码如下：

var date1=new Date(this.getValue());
var date2= new Date();
date2.setTime(date1.getTime()+(7*24*60*60*1000));
this.options.form.getWidgetByName("endtime").setValue(date2);

2.2 效果预览

保存模板，点击分页预览 ，效果如下图所示：

2020-06-30_14-03-26 (1).gif

注：不支持移动端。

3. 模板下载编辑

已完成的模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\TimeScale.cpt

点击下载模板： TimeScale.cpt