跳到主要内容

时间范围

时间选择范围组件，一般用于选择起始时间和结束时间的连续时间段。

一、何时使用​

适用于以下场景中用户需要选择一个时间段的情况：

  • 查询订单、账单或统计数据时筛选时间
  • 设置预约时间段
  • 设置营业时段
  • 活动有效期配置
  • 日志查看时间段选择

二、属性配置​

1. 数据配置​

数据配置

1.1 开始时间​

可绑定父组件的数据源字段，设置开始时间，详见：数据绑定。

1.2 开始默认值​

  • 手动赋值：可直接设置一个固定的开始时间
  • 视图参数：通过页面参数传递默认时间

1.3 结束时间​

可绑定父组件的数据源字段，设置结束时间，详见：数据绑定。

1.4 结束默认值​

  • 手动赋值：设置固定结束时间
  • 视图参数：通过参数传入结束时间值

2. 功能配置​

功能设置

2.1 占位提示​

设置输入框为空时的提示文字，用于引导用户输入：

占位提示

2.2 标题​

为选择器添加标题信息，用于说明用途：

标题设置

2.3 按钮文本配置​

  • 取消按钮和确定按钮：自定义选择器底部按钮的文字内容

按钮配置

  • 下一步按钮：当启用时间选择时可配置“下一步”按钮文本

下一步按钮

  • 开始与结束时间标题：设置弹窗中的时间段标题文字

标题配置

3. 状态配置​

暂无特殊状态项，详见：通用状态。

三、样式配置​

无组件专属样式设置，详见：通用样式。

四、常见使用场景​

例如：

  • 报表筛选条件中的“起始时间-结束时间”
  • 活动配置中的“开始时间-结束时间”
  • 日志记录查看的时间段选择

使用示例