日期&时间选择器
应用场景
如 下图 ⬇️ 所示,填写收货地址时选择省市区,选择收货日期、时间或者其他自定义的固定可选择的数据,如性别、班级、部门之类的数据,不需要用户输入,而是通过选择输入的场景
img | img |
---|---|
数据选择器
数据选择器内容
如 下图 ⬇️ 所示,【数据选择器】的内容包含了“提示文字”、可选择的“内容”
提示文字:非必填, 当无默认值时,会显示“提示文字”中的内容
img | img | img |
---|---|---|
内容: 即选项,一定是【远程数据】
- 可以自行选择自己创建的选项数据表或者默认的省份、城市、区域表,设置符合需求的“限额数量”(请求多少个选项),过滤、筛选、排序等内容跟《列表》一样
列表字段:值得注意的是一定要确定“列表字段”,因为远程数据有多个字段,需要明确要显示的是哪一个字段的内容
Tips:
1. Zion 默认自带“省份”、“城市”以及“区域”的数据表,所以当需要选择省份、城市以及区域时,可以直接选择对应的表,如果要显示所有的省份或者城市,一定要修改“限额”数量,确保能拿到所有的城市/区域 2. 如果要选择“省份”、“城市”这样有关联关系的数据选项,需要配置“省份”、“城市”各自的【数据选择器】组件,**选择“城市”时,可将已经选好的“省份 ID”作为过滤条件来选择该“省份”下的城市**
输出配置
数据选择器属于输入类组件,如果数据表中定义了整数类型的字段,在添加或者更新数据时,可以在「输入框」数据中找到数据选择器数据来进行数据绑定,绑定的结果就是数据选择器组件目前选择的结果。为了准确的找到其数据,建议将组件重命名
数据选择器交互
只有数据选择器有可取消选中选项
可取消选中: 选中的选项可点击删除按钮删除,删除后【数据选择输入框】的值为 null
时间/日期选择器
时间选择内容
- 设置开始时间和结束时间,仅支持数据绑定,均非必填,一般不设置
💡Tips: 未设置开始时间和结束时间时,时间默认选择区间为00:00 - 23:59
- 设置时间间隔,默认选择为1分钟,支持选择选择5、10、15、30和60分钟,不支持手写
img | img |
---|---|
- 设置默认值,非必填,数据绑定。有绑定时,占位符不展示
💡 Tips: 设置默认值后,选择器会如下图所示自动定位于默认值
- 配置提示文字,非必填,当无默认值时,会显示“提示文字”中的内容## 日期选择内容
- 设置开始日期和结束日期,仅支持数据绑定,均非必填
💡 Tips: 未设置开始日期和结束日期时,日期默认选择区间为1901年1月1日 - 2901年12月30日,默认选中当前日期
- 设置默认值,非必填,仅支持数据绑定。有绑定时,提示文字不展示
💡 Tips: 设置默认值后,选择器会如下图所示自动定位于默认值
- 配置提示文字,非必填,当无默认值时,会显示“提示文字”中的内容## 输出配置 日期数据&时间选择器属于输入类组件,如果数据表中定义了时间或日期类型的字段,在添加或者更新数据时,可以在「输入框」数据中找到日期数据&时间选择器数据来进行数据绑定,绑定的结果就是日期数据&时间选择器组件目前选择的结果。为了准确的找到其数据,建议将组件重命名