反馈已提交

网络繁忙

日期控件专有

  • 文档创建者:RosieY
  • 编辑次数:6次
  • 最近更新:RosieY 于 2022-05-16
  • 版本

    版本功能变动
    11.0

    和 10.0 区别:

    新增 setMaxAndMinDate、setPopupStyle 接口

    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:决策报表 ,将 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

     

       移动端支持移动端

    setPopupStyle

    方法

    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

         移动端不支持移动端


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭