反饋已提交

網絡繁忙

日期元件專有

一、概述

  1. 本篇介紹日期元件專有的JS API方法。

二、API說明

1
【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

 1.jpg 

行動端

支援行動端。

2
【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

2.jpg

行動端

不支援行動端。

附件列表


主題: 二次開發
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉