历史版本10 :日期控件专有 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

版本编辑

版本功能变动
11.0

和 10.0 区别：

新增 setMaxAndMinDate、setPopupStyle 接口

注：以下接口不支持在 FVS 可视化看板中使用。

在使用接口前，请务必先仔细阅读 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：决策报表 ，将 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

     移动端不支持移动端