添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
版本 功能变动
11.0

和 10.0 区别:

新增 setMaxAndMinDate、setPopupStyle 接口

11.0.16 FineVis数据可视化 插件适配 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

移动端 不支持移动端