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

目录:

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
     示例

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

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

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

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

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

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

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

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

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

 

   移动端支持移动端

setPopupStyle编辑

方法

setPopupStyle(PopupStyle)

设置日期控件弹出框样式

     参数

PopupStyle:

{
    itemHeight: string;
    fontSize: string;
}

弹出框样式,json 格式

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

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

   返回值void
     示例

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

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

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

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

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

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

决策报表中获取 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:

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

     移动端不支持移动端