历史版本19 :JS实现起始日期编辑后结束日期增加7天 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 应用场景
有两个日期控件分别为起始日期和结束日期,要查询一个星期的数据,实现选择起始日期之后,结束日期自动赋值为起始日期后7天的日期。实际效果如下图所示:
1.2 实现思路
给起始日期增加 编辑后事件 ,使用 JavaScript 将结束日期赋值为起始日期加7天。
2. 示例编辑
2.1 打开报表
打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Parameter\TimeScale\TimeScale.cpt,使参数面板处于编辑状态。
2.2 添加事件
选中 starttime 控件,添加 编辑后 事件,如下图所示:
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 效果预览
保存模板,点击分页预览 ,效果如下图所示:
3. 模板下载编辑
已完成的模板可参见:
点击下载模板: TimeScale.cpt