日期元件專有

和 10.0 差別：

新增 setMaxAndMinDate、setPopupStyle API

Date：

{

    max: string | Date;

    min: string | Date;

}

開始日期和結束日期，json 格式

• max：結束日期，支援字串和日期格式，格式為：yyyy-mm-dd HH:mm:ss

• min：開始日期，支援字串和日期格式，格式為：yyyy-mm-dd HH:mm:ss

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

PopupStyle:

{
    itemHeight: string;
    fontSize: string;
}

彈出框樣式，json 格式

• itemHeight：彈出框日期選項格子的高度

• fontSize：彈出框中選項的字體大小

範例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。