反馈已提交

网络繁忙

日期控件专有

  • 文档创建者:RosieY
  • 历史版本:10
  • 最近更新:Alicehyy 于 2023-11-07
  • 版本

    版本功能变动
    11.0

    和 10.0 区别:

    新增 setMaxAndMinDate、setPopupStyle 接口

    11.0.16FineVis数据可视化 插件适配 setMaxAndMinDate 接口, 支持 V2.1.0 及之后版本

    在使用接口前,请务必先仔细阅读 JS API 兼容说明,接口默认支持普通报表和决策报表(新版)。

    setMaxAndMinDate

    方法setMaxAndMinDate(Date)

    设置日期控件的可选日期范围

         参数

    Date:

    {

        max: string | Date;

        min: string | Date;

    }

    起始日期和结束日期,json 格式

    • max:结束日期,支持字符串和日期格式,格式为:yyyy-mm-dd HH:mm:ss

    • min:起始日期,支持字符串和日期格式,格式为:yyyy-mm-dd HH:mm:ss

       返回值void
         示例

    示例1:若获取到的日期控件对象定义为 dateEditor,设置可选日期范围为 2021-09-01 到 2021-09-08 

    dateEditor.setMaxAndMinDate({
        min: "2021-09-01",
        max: "2021-09-08"
    });

    示例2:普通报表中,将参数面板上日期控件 dateEditor0 的可选范围设置为 2021-09-01 到 2021-09-08 

    _g().getParameterContainer().getWidgetByName("dateEditor0").setMaxAndMinDate({
        min: "2021-09-01",
        max: "2021-09-08"
    });

    示例3:普通报表中,将填报单元格中日期控件 dateEditor0 的可选范围设置为 2021-09-01 到 2021-09-08 

    _g().getWidgetByName("dateEditor0").setMaxAndMinDate({
        min: "2021-09-01",
        max: "2021-09-08"
    });

    示例4:FVS 可视化看板中,点击标题将日期时间控件 date 的可选设置为 2021-09-01 到 2021-09-08 

    duchamp.getWidgetByName("date").setMaxAndMinDate({
        min: "2021-09-01",
        max: "2021-09-08"
    });

    示例5:决策报表 ,将 body 上日期控件 dateEditor0 的可选范围设置为 2021-09-01 到 2021-09-08 

    _g().getWidgetByName("dateEditor0").setMaxAndMinDate({
        min: "2021-09-01",
        max: "2021-09-08"
    });

    注:添加事件后由于报表块对象没有完全创建导致报错后,可以添加一个延迟函数延迟执行,如:

    setTimeout(function(){
    _g().getParameterContainer().getWidgetByName("dateEditor0").setMaxAndMinDate({
        min: "2021-09-01",
        max: "2021-09-08"
    });
    }, 500);
      应用示例

    将参数面板上日期控件 dateEditor0 的可选范围设置为 2021-09-01 到 2021-09-08 :

    点击可下载模板:日期控件可选值范围.cpt

    FVS 可视化看板:JS控制日期时间控件可选值范围.fvs

     

       移动端支持移动端

    setPopupStyle

    注:该接口不支持 FVS 可视化看板。

    方法

    setPopupStyle(PopupStyle)

    设置日期控件弹出框样式

         参数

    PopupStyle:

    {
        itemHeight: string;
        fontSize: string;
    }

    弹出框样式,json 格式

    • itemHeight:弹出框日期选项格子的高度

    • fontSize:弹出框中选项的字体大小

       返回值void
         示例

    示例1:若获取到的下拉框控件对象定义为 widget,设置其弹出框日期格子高度为 10px、字体大小为 10px

    widget.setPopupStyle({
        itemHeight: "10px",
        fontSize: "10px"
    });

    示例2:获取参数面板上日期控件 dateEditor0 ,设置其弹出框日期格子高度为 10px、字体大小为 10px

    _g().getParameterContainer().getWidgetByName("dateEditor0").setPopupStyle({
        itemHeight: "10px",
        fontSize: "10px"
    });

    示例3:普通报表中获取填报单元格中日期控件 dateEditor0,设置其弹出框日期格子高度为 10px、字体大小为 10px

    _g().getWidgetByName("dateEditor0").setPopupStyle({
        itemHeight: "10px",
        fontSize: "10px"
    });

    示例4:决策报表中获取 body 中日期控件 dateEditor0,设置其弹出框日期格子高度为 10px、字体大小为 10px

    _g().getWidgetByName("dateEditor0").setPopupStyle({
        itemHeight: "10px",
        fontSize: "10px"
    });

    注:添加事件后由于报表块对象没有完全创建导致报错后,可以添加一个延迟函数延迟执行,如:

    setTimeout(function(){
    _g().getParameterContainer().getWidgetByName("dateEditor0").setPopupStyle({
        itemHeight: "10px",
        fontSize: "10px"
    });
    }, 500);
      应用示例

    修改日期控件 dateEditor0 的弹出框日期格子高度为 10px、字体大小为 10px:

    点击可下载模板:修改日期控件样式.cpt

    2021-09-30_14-53-44.png

         移动端不支持移动端


    附件列表


    主题: 二次开发
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

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