简介
H5端时间组件用于展示和修改外层数据容器的DATETIME类型字段。
属性配置
时间组件属性由以下部分组成：
分类 | 参数 | 示例 | 说明 |
属性 | 模式 |
| 配置时间选择与展示的模式，可选值有“时、分”、“分、秒”、“时、分、秒”、“上/下午、时、分”。 如勾选“时、分”时，可选择小时和分钟的值，展示为"12:30"，即12时30分。 |
小时步长 |
| 模式中包含“时”时。可配置小时步长，对应为可选值的步长。 如小时步长设置为2，则可选小时的值为0/2/4/6/8/10...... | |
分钟步长 |
| 模式中包含“分”时。可配置分钟步长，对应为可选值的步长。可参考“小时步长”。 | |
秒钟步长 |
| 模式中包含“秒”时。可配置秒钟步长，对应为可选值的步长。可参考“小时步长”。 | |
配置可选时间区间 |
| 开启配置可选时间区间后，需要配置最早可选时间与最晚可选时间。用户只可选择两者之间的时间。 | |
最早可选时间 |
| 开启配置可选时间区间后，需要配置最早可选时间与最晚可选时间。可以选择静态的时间，或动态配置两个数据字段，字段类型需为 DATETIME。 关于此部分属性的更多信息，请参见数据。 | |
最晚可选时间 |
| ||
隐藏箭头 |
| 开启隐藏箭头后，隐藏组件右侧的箭头。 | |
只读 |
| 通过设置时间组件为只读状态，可以实现时间组件的不可操作状态。 | |
禁用 |
| 通过设置时间组件为只读状态，可以实现时间组件的不可操作状态，且将颜色置为灰色。 | |
带有清空按钮 |
| 开启带有清空按钮后，在时间组件中有内容时，右侧增加一个可以清空当前内容的按钮。 | |
提示文字 |
| 编辑时间组件的提示文字，可以在时间组件内容为空的时候背景展示文字提示。 | |
弹窗抽屉标题 |
| 编辑时间组件的弹窗抽屉标题，可以在选项弹层顶部展示文字提示。 | |
尺寸 |
| 时间组件可配置“大”、“中”、“小”三种尺寸。 | |
宽度 |
| 时间组件宽度、间距样式属于页面组件通用属性，关于此部分属性的更多信息，请参见样式。 | |
间距 | 12
| ||
对齐方式 |
| 对齐方式控制时间组件内文字的布局，有左对齐与右对齐两个选项。 | |
数据 | 时间 |
| 时间组件数据部分需要配置一个数据字段，作为当前选中时间，字段类型需为 DATETIME。关于此部分属性的更多信息，请参见数据。 |
事件 | 内容变化 |
| 时间组件中选择了新的时间时触发事件。关于此部分属性的更多信息，请参见事件。 |
点击确认按钮 |
| 点击确认按钮时触发事件。关于此部分属性的更多信息，请参见事件。 | |
点击取消按钮或遮罩层 |
| 点击取消按钮或遮罩层时触发事件。关于此部分属性的更多信息，请参见事件。 | |
点击清空按钮 |
| 开启带有清空按钮时，可配置点击清空按钮事件，在点击清空按钮时触发事件。关于此部分属性的更多信息，请参见事件。 | |
可见性 | 条件可见性 |
| 可见性确定时间组件是否作为页面的一部分最终显示给用户。 关于此部分属性的更多信息，请参见条件可见性。 |
注意事项
用户选择的时间点的日期部分为当时的日期。
模式中不包含的部分会被置0，如模式中不包含“时”，则用户选择的时间点的小时部分为0。