反馈已提交

网络繁忙

JS实现起始日期编辑后结束日期增加7天

  • 文档创建者:lu123
  • 历史版本:24
  • 最近更新:Leo.Tsai 于 2020-07-01
  • 1. 概述

    1.1 应用场景

    有两个日期控件分别为起始日期和结束日期,要查询一个星期的数据,实现选择起始日期之后,结束日期自动赋值为起始日期后7天的日期。实际效果如下图所示:

    2020-06-30_14-03-26 (1).gif

    1.2 实现思路

    给起始日期添加编辑后 事件,使用 JavaScript 将结束日期赋值为起始日期加7天。

    2. 示例

    2.1 打开报表

    打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Parameter\TimeScale\TimeScale.cpt

    2.2 添加事件

    进入参数面板编辑界面,选中 starttime 控件,添加 编辑后 事件,如下图所示:

    1593497549295136.png

    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 效果预览

    保存模板,点击分页预览 ,效果如下图所示:

    2020-06-30_14-03-26 (1).gif

    注:不支持移动端。

    3. 模板下载

    已完成的模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\JS实现起始日期编辑后结束日期增加7天.cpt

    点击下载模板:JS实现起始日期编辑后结束日期增加7天.cpt

    附件列表


    主题: 参数应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持