跳到主要内容

时间范围选择框

Alt text

应用场景
默认选择日期-日期
场景1：单独使用
场景2：在表单容器中，作为表单项使用

Demo地址：【日期范围选择框】基本使用

基本操作​

日期范围选择​

提示内容​

Alt text

说明：分为前置提示内容和后置提示内容，为空时的提示文字

禁用状态​

Alt text

日期选择类型​

Alt text

默认是日期类型，可以切换选择周、月份、季度和年份

1）日期（日期，日期-时间）

Alt text

Alt text

2）周

Alt text

3）月份

Alt text

4）季度

Alt text

5）年份

Alt text

时间选择和预设时间范围快捷选择​

Alt text

说明：开启时间选择后，可以填写默认时间；开启预设时间范围快捷选择，在勾选日期时可以快捷选择，并且可以自定义

日期和时间禁选配置​

Alt text

可自定义，日期禁用和时间禁用范围，并设置偏移量

Alt text

数据校验​

Alt text

说明：

  1. 配置的校验规则，需要在表单容器中使用才能生效
  2. 点击右侧的勾选框，启用该项校验规则
  3. 点击右侧的“编辑”按钮，弹出校验规则的配置项

Alt text

输出数据处理​

Alt text

Alt text

Alt text

说明：将输出（值变化事件和表单提交）的数据设置成所需要的格式

逻辑编排​

值初始化事件​

Alt text

输出时机：

  1. 给日期范围选择框“ 设置初始值 ”输入项设置数据
  2. 给日期范围选择框所在表单容器的“ 设置表单数据 ”输入项设置数据

输出内容：

日期范围选择框的当前值

值更新事件​

Alt text

输出时机：

  1. 给日期范围选择框的“ 设置值 ”输入项设置数据
  2. 给日期范围选择框所在表单容器的“ 设置表单数据(触发值变化) ”输入项设置数据
  3. 用户操作日期范围选择框的增删改操作时

输出内容：

日期范围选择框的当前值

说明：

可以用于实现监听联动

样式​

边框​

Alt text

Alt text

Alt text

日期样式​

Alt text

Alt text

Alt text

Alt text

时间样式​

Alt text