1. 概述
1.1 版本
| 報表服務器版本 | JAR 包版本 | APP 版本 | HTML5 移動端展現插件 |
|---|---|---|---|
| 10.0 | 2020-01-15 | 10.4.55 | V10.4.55 |
1.2 應用場景
移動端模板中的日期控件選擇日期時，希望在當前頁面選擇日期并能夠自定義設置日期控件的樣式（邊框、組件顔色、寬高等），可下載「移動端簡約日曆樣式」插件實現此需求。
1.3 功能簡介
下載「移動端簡約日曆樣式」插件後，可爲日期控件設置控件背景、邊框顔色、字符字體、圖标等。
2. 插件介紹
注：移動端簡約日曆樣式插件複用「日期控件」，以插件方式新增樣式模板，只能在「手機端專屬決策報表模板」的 body 界面使用。
2.1 插件安裝
插件下載請點擊：移動端簡約日曆樣式插件
設計器插件安裝方法請參見：設計器插件管理
服務器安裝插件方法請參見：服務器插件管理
2.2 操作方法
在 FineReport 設計器中，點擊文件>新建決策報表，在控件面板中拖動「日期控件」到模板中。
在右側屬性面板控件設置中，選中dateEditor0，點擊移動端，可對「樣式模板」進行選擇和設置。
如下圖所示：
3. 示例
3.1 模板準備
1）點擊下載模板：行程管理主頁-phone.frm
2）在 FineReport 設計器中打開該模板，點擊右側屬性面板中的控件設置>day>移動端，可在「樣式模板」右側選擇簡約日期樣式。如下圖所示：
3.2 設置标簽名稱
注：「标簽名稱」可不設置。
點擊右側屬性面板中的控件設置>day，爲日期控件設置「标簽名稱」（可不設置），如下圖所示：
3.3 簡約日期樣式
在移動端 Tab 頁的「樣式模板」中選擇并設置簡約日期樣式，如下圖所示：
簡約日期樣式各設置項說明如下表所示：
| 屬性 | 備注 |
|---|---|
| 組件背景 | 沒有背景，可自定義顔色 |
| 控件樣式 | 選項包括「标準」和「自定義」，默認爲自定義 |
| 标簽名稱 | 可設置「标簽名稱」的字符、字号、顔色、是否加粗、是否傾斜 |
| 控件值 | 可設置「控件值」的字符、字号、顔色、是否加粗、是否傾斜 |
| 圖标 | 自定義上傳圖标 |
| 控件背景 | 沒有背景，可自定義顔色 |
| 控件邊框 | 選擇日期控件邊框的線型 |
| 邊框顔色 | 選擇日期控件邊框的顔色 |
| 圓角 | 設置日期控件邊框的圓角 |
| 寬度 | 選項包括「橫向撐滿」和「自定義」，默認爲橫向撐滿；選擇自定義時，顯示數字控件 |
注：爲顯示效果較佳，圖标圖片請選擇尺寸大小在 16*16 到 68*68 之間的圖片，支持 PNG、JPG 等格式。
3.4 移動端效果
1）APP
APP 效果如下圖所示：
2）HTML5
HTML5 端效果如下圖所示：
