［通用］日期移動端日曆樣式插件

1.1 版本

1.2 應用場景

移動端通過日曆的方式篩選日期，之前只能通過報表塊、條件屬性、聯動等實現，模板制作過程非常麻煩。

注：不支持參數面板

1.3 功能簡介

移動端通過日曆的方式篩選日期，比如日報、行程等場景，易用性及體驗更強，能夠明顯看出日期所處月份，周号等。

2.1 插件安裝

插件下載請點擊：日期移動端日曆樣式

設計器插件安裝方法參照 設計器插件管理 

服務器安裝插件方法參照 服務器插件管理 

2.2 操作方法

注：移動端日曆樣式插件複用「日期控件」，以插件方式新增樣式模板，只能在決策報表的 body 界面使用。

在 FineReport 設計器中，點擊文件>新建決策報表，在控件面板中拖動「日期控件」到模板中。

在右側屬性面板控件設置中，選中dateEditor0，點擊移動端，可對「樣式模板」進行選擇和設置。

如下圖所示：

樣式模板中有三種樣式，分别爲：默認，導航日曆，簡約日曆，用戶可自定義選擇日曆樣式。

3.1 模板準備

1）點擊下載模板：行程管理主頁-phone.frm

2）在 FineReport 設計器中打開該模板，點擊右側屬性面板中的控件設置>day>移動端，可在「樣式模板」右側選擇日曆樣式。如下圖所示：

3.2 默認

在樣式模板中選擇默認，用戶可設置「組件背景」，其中組件背景默認爲背景色，可自定義顔色。

移動端效果（以 APP 效果爲例）如下圖所示：

3.3 導航日曆

在樣式模板中選擇導航日曆，移動端效果（以 APP 效果爲例）如下圖所示：

導航日曆各設置項說明如下表所示：

注：「收起狀态」下，上下周切換可通過左右滑動下方日期來實現。

3.4 簡約日曆

在樣式模板中選擇簡約日曆，移動端效果（以 APP 效果爲例）如下圖所示：

注：可點擊中間的「日期」展開日曆面板。

簡約日曆各設置項說明如下表所示：

「日期移動端日曆樣式」插件在模板中的具體使用及效果，請根據需求選擇下載 移動端 Demo 中 1.1.2 章節中的模板體驗。