热点:

    FineReport日期控件JS校验

      [   原创  ]   作者:
    收藏文章 暂无评论

    在内置参数查询界面中,可对数据进行有效性校验。例如针对开始日期和结束日期两个参数,需确保二者均不为空,且结束日期必须晚于开始日期,同时还应限制在开始日期之后的特定时间范围内,否则弹出相应提示。该逻辑可通过在查询按钮上绑定事件实现。以下将以FineReport电子表格为例,详细介绍具体配置步骤与操作方法。

    1、 效果所示:

    2、 详见效果图中的报错提示。

    3、 启用模板

    4、 打开位于 %FR_HOME%WebReportWEB-INFreportletsdocParameterTimeScale 路径下的 TimeScale.cpt 模板文件。

    5、 参数设置界面所示

    6、 新增事件

    7、 为查询按钮添加点击事件,具体JavaScript代码如下所示。

    8、 若开始日期为空或未赋值,则进行相应处理。

    9、 开始时间不能为空,请输入有效日期后重试。

    10、 };

    11、 若结束日期为空或未填写,则进行相应处理。

    12、 结束时间不能为空,请填写完整信息后再提交。

    13、 };

    14、 判断起始日期是否晚于截止日期

    15、 开始时间不能晚于结束时间,请检查后重新输入。

    16、 }

    17、 将起始日期字符串转换为Date对象,以便进行日期相关的操作和计算。

    18、 将结束时间字符串转换为日期对象,便于后续的时间计算与处理操作。

    19、 将结束日期与开始日期的毫秒差值转换为天数,通过除以每日的毫秒数(1000×60×60×24)实现。

    20、 若结束日期超出开始日期15天以上,则执行相应操作。

    21、 结束日期不能超过开始日期15天,否则将提示错误并终止操作。

    22、 }

    23、 尽管参数控件支持校验设置,但需点击控件后才触发,因此参数界面的必填项及比较校验应统一在查询按钮中进行处理。

    24、 查看效果

    25、 选择起止时间,若间隔超过15天,系统将弹出提示框进行分页预览模板操作。

    26、 上述JavaScript代码在火狐、谷歌及IE9等现代浏览器中运行正常,但在IE8及更早版本中无法正确弹出计算两个日期差值的提示框。需替换为兼容性更好的代码以确保功能正常运行。

    27、 若开始日期为空或未赋值,则执行相应处理操作。

    28、 开始时间不能为空,请输入有效日期后重试。

    29、 };

    30、 若结束日期为空或未填写,则进行相应处理。

    31、 结束时间不能为空,请填写完整信息后再提交。

    32、 };

    33、 判断起始日期是否晚于截止日期。

    34、 开始时间不能晚于结束时间,请检查后重新输入。

    35、 }

    36、 将给定的日期字符串转换为月-日-年格式,通过创建一个新的Date对象实现,传入拼接后的年、月、日部分,确保日期以MM-dd-yyyy的形式正确解析和显示。

    37、 将结束日期与开始日期的时间差值从毫秒转换为天数,计算公式为:(结束时间 - 开始时间) ÷ 1000 ÷ 60 ÷ 60 ÷ 24。

    38、 若结束日期超出开始日期15天以上,则执行相应操作。

    39、 结束日期不能超过开始日期15天,请重新选择日期范围。

    40、 }

    soft.zol.com.cn true https://soft.zol.com.cn/1127/11278524.html report 2234 在内置参数查询界面中,可对数据进行有效性校验。例如针对开始日期和结束日期两个参数,需确保二者均不为空,且结束日期必须晚于开始日期,同时还应限制在开始日期之后的特定时间范围内,否则弹出相应提示。该逻辑可通过在查询按钮上绑定事件实现。以下将以FineReport电...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    JHCell电子表格控件 1.0.0.1

    更新时间:2011年12月27日

    用户评分:0 | 0人点评

    软件类型:试用软件

    软件语言:简体中文

    JHCell电子表格控件 1.0.0.1
    • 更新时间:2011年12月27日
    • 软件大小:3.5MB
    • 软件分类:编程工具
    • 语言种类:简体中文
    • 软件评级:0 人点评