FineReport报表工具内置JS的使用之四(日期校验).docxVIP

FineReport 报表工具内置 JS 的使用之四 （日期校验 ） 在使用 FineReport 报表工具时，内置参数查询界面当中 可进行一些数据校验，例如有两个参数：开始时间和结束时 间，结束时间必须在开始时间之后，否则进行提示。1.在提交按钮的事件编辑中写 JS 代码1.1新建报表 间， 结束时间必须在开始时间之后，否则进行提示。 1. 在提交按钮的事件编辑中写 JS 代码 1.1 新建报表 1.2 模板设计 添加数据源 新建一个名为ds1的数据库查询，SQL语句：—Select* FROM EMPLOYEE 绑定数据列 按照下表进行数据列绑定 添加条件：双击 B5 单元格， 在过滤页面当中， 定义条件类型为单元格 添加条件： BIRTHDATE 大于或等于 $begintime AND BIRTHDATE 小于 $endtime 定义参数 打开菜单栏中报表 |报表参数，新定义两个个名为 begintime,endtime 的参数，如图 : 参数设计 打开参数设计界面，参数界面布局如下 日期控件设置 右击 begintime 的控件，选择控件设置，控件类型选择日期， 控件名选择 begintime ，具体设置如下图所示 endtime 的控件同上 数据校验 右击查询按钮，选择控件设置，打开控件设置面板，添加点 击事件，如下图所示 : 在 function fun(){} 函数中写入如下 JS 语句： var start = this.options.form.getWidgetByName(begintime).getValue(); var end = this.options.form.getWidgetByName(endtime).getValue(); if( start == ){ alert(错误，开始时间不能为空); return false; };if(end == ){alert（错误 }; if(end == ){ alert（错误，结束时间不能为空）; return false; }; if( start gt; end){ alert（错误,开始时间不能大于结束时间 ）; return false; 1.8保存并预览 1.8 保存并预览 begintime 输入为空，如下图所示 : endtime 输入为空，如下图所示 输入的 endtime 在 begintime 之前，校验如下图所示： 2.在参数控件的事件编辑中写 2. 在参数控件的事件编辑中写 JS 代码 具体操作同上。 2.2 数据校验 右击 begintime 的控件， 选择控件设置， 添加编辑 后事件，如下图所示： 在 function fun（）{} 函数中写入如下 JS 语句： var start = this.options.form.getWidgetByName(begintime).getValue(); if( start == ){ alert（错误，开始时间不能为空）; return false; }; 说明：这段代码是为了验证 begintime 输入不能为 空。 右击 endtime 的控件，选择控件设置，添加编辑 后事件，如下图所示 在 function fun（）{} 函数中写入如下 Js 语句： var end = this.options.form.getWidgetByName(endtime).getValue(); if(end == ){ alert（错误，结束时间不能为空）; return false; }; if( start gt; end){ alert（错误,开始时间不能大于结束时间）; 效果与在提交按钮的事件编辑中写 效果与在提交按钮的事件编辑中写 JS 代码一样 return false; 说明：这段代码是为了校验 endtime 输入不能为空 以及结束时间大于开始时间。 2.3 保存并预览