JS实现自定义按钮快速给参数赋指定范围值

目录:

1. 需求分析

平时我们接触的很多项目,可能都会需要制作相关的周报、月报、、季报、年报等表样。像这样的报表,选择适当的参数(时间)范围就显得尤其重要了。但如果每次都手动去选择又觉得太过麻烦。现在我来介绍一种快速定位法,只需点击某个按钮,就能准确定位到合适的时间范围!如图:

效果一:根据系统时间获取周报、月报、、季报、年报范围值
222

效果二:根据自定义日期值获取周报、月报、、季报、年报范围值
222



2. 实现方法

通过在参数栏添加按钮,在按钮上添加JavaScript点击事件给指定参数赋值的方法来实现!

3. 示例(一)

3.1 报表样式

新建一个工作簿,添加模板参数B和E:
222
报表样式如下:
222

3.2 日期控件设置

切换至参数面板,新建二个日期控件,控件名分别为:B和E

222

日期控件格式设为yyyy-MM-dd

3.3 按钮控件设置

再添加一个按钮控件,设置控件值:,并给控件添加一个JavaScript点击事件:

222
【本周】JavaScript脚本:

同理添加【本月】、【本季】、【本年】按钮,并设置JavaScript点击事件。

【本月】JavaScript脚本:

【本季】JavaScript脚本:

【本年】JavaScript脚本:

最后添加查询按钮,完成效果如下:
222

 保存预览,效果如图一所示。


4. 示例(二)

4.1 日期控件设置

切换至参数面板,新建三个日期控件,控件名分别为:RQ、B_TIME、E_TIME

222

注:日期控件格式设为:yyyy-MM-dd,将【RQ控件】的返回类型设置成:字符串

4.2 按钮控件设置

再添加4个按钮控件,并给控件添加一个JavaScript点击事件,以【周报】按钮为例:

222
【周报】JavaScript脚本:

【月报】JavaScript脚本:

【季报】JavaScript脚本:

【年报】JavaScript脚本:

最后添加查询按钮,完成效果如下:

222

保存预览,效果如图二所示。

附件列表


主题: 二次开发

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)