JS实现日期控件点击取消即可取消选择值

  • Last update:  2022-03-29
  • 1. 概述

    1.1 问题描述

    日期控件格式为 yyyy-MM ,点击日期控件选择日期后会立即传递参数,取消按钮无法真正取消所选择的日期,如下图所示:

    13.gif

    1.2 解决思路

    增加一个日期控件,用来中转。

    注:该方案不支持新自适应。

    2. 操作步骤

    2.1 准备模板

    点击下载示例模板:test.frm

    2.1 设置 date 控件为不可见

    选中 date 控件,取消勾选「可见」按钮。如下图所示:

    1615280580679888.png

    2.2 添加日期控件

    1)添加日期控件,格式改为:yyyy-MM,如下图所示:

    1615281030151834.png

    2)选中新添加的控件,为其添加编辑结束事件。如下图所示:

    Snag_330976e9.png

    JavaScript 代码如下所示:

    var dateWidget=this.options.form.getWidgetByName("date");  //获取名字是date的控件
    dateWidget.setValue(this.getValue(),false)  //将控件值设置成当前事件所在控件值
    dateWidget.fireEvent(FR.Events.AFTEREDIT);  //触发编辑后事件

    2.3 效果查看

    保存模板,点击「表单预览」,如下图所示:

    注:不支持移动端。

    14.gif

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\JS实现日期控件取消选择值后不再传递参数.frm

    点击下载模板:JS实现日期控件取消选择值后不再传递参数.frm


    Attachment List


    Theme: 下架文档
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy