最新历史版本
:［通用］移动端简约日历样式插件 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
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 端效果如下图所示：
