1. 描述编辑
平时我们接触的很多项目,可能都会需要制作相关的周报、月报、、季报、年报等表样。像这样的报表,选择适当的参数(时间)范围就显得尤其重要了。但如果每次都手动去选择又觉得太过麻烦。现在我来介绍一种快速定位法,只需点击某个按钮,就能准确定位到合适的时间范围!如图:
效果一:根据系统时间获取周报、月报、季报、年报范围值
效果二:根据自定义日期值获取周报、月报、季报、年报范围值
2. 思路编辑
通过在参数栏添加按钮,在按钮上添加JavaScript点击事件给指定参数赋值的方法来实现!
3. 操作步骤:示例(一)编辑
1)新建一个工作簿,添加模板参数start_time和end_time:
2)在B1、B2单元格分别插入公式:$start_time、$end_time,报表样式如下:
1)切换至参数面板,添加两个标签控件,控件值分别为:开始时间:、结束时间::
2)添加两个日期控件,控件名称分别为:start_time、end_time:
1)添加一个按钮控件,按钮名称为本周:
2)给按钮控件添加点击事件:
【本周】按钮点击事件js代码如下:
3)同理添加【本月】、【本季】、【本年】按钮,并添加点击事件。
【本月】按钮点击事件js代码如下:
【本季】按钮点击事件js代码如下:
【本年】按钮点击事件js代码如下:
4)最后添加查询按钮,完成效果如下:
保存预览,效果如图一所示。
4. 操作步骤:示例(二)编辑
1)切换至参数面板,新建三个日期控件,控件名分别为:RQ、B_TIME、E_TIME:
2)将日期控件RQ的返回类型设置成:字符串:
注:日期控件格式设为:yyyy-MM-dd。
再添加4个按钮控件,并给控件添加点击事件,以【周报】按钮为例:
【周报】JavaScript脚本:
【月报】JavaScript脚本:
【季报】JavaScript脚本:
【年报】JavaScript脚本:
最后添加查询按钮,完成效果如下:
保存预览,效果如图二所示。
5. 预览效果编辑
1)示例一:根据系统时间获取周报、月报、季报、年报范围值
2)示例二:根据自定义日期值获取周报、月报、季报、年报范围值
1)示例一:根据系统时间获取周报、月报、季报、年报范围值
APP预览效果:
H5预览效果:
2)示例二:根据自定义日期值获取周报、月报、季报、年报范围值
APP预览效果:
注:不支持APP。
H5预览效果:
6. 已完成模板编辑
2)示例二