跳到主要内容

日期选择框

日期选择组件，用于选择具体的年、月、日信息，可拓展至时间选择。

一、何时使用​

适用于用户需要选择特定日期或时间的场景，例如：

  • 预约时间设置
  • 日期筛选查询
  • 日程/任务开始时间设置
  • 提交时间选择

二、属性配置​

1. 数据配置​

数据配置

1.1 数据绑定​

可绑定父组件中的字段，详见：数据绑定。

1.2 初始值设置​

支持以下方式设置默认日期值：

  • 手动赋值：在编辑器中直接选择具体日期

  • 视图参数：由其他页面传参带入（需设置视图参数）

    视图参数需由其他页面传递。

初始值配置

2. 功能设置​

功能设置

2.1 类型选择​

支持两种类型：

  • 月份：仅选择年月，精度为月
  • 日期：默认模式，精度为日

类型选择

2.2 占位提示​

当输入框为空时显示，用于提示用户输入内容或格式：

占位提示

2.3 标题设置​

为输入框添加提示信息，展示在选择器顶部：

标题示例

2.4 取消与确定按钮​

可自定义弹窗中的“取消”和“确定”按钮文字：

按钮配置

2.5 显示时间​

启用后可精确选择小时、分钟，甚至秒数：

显示时间选项

启用“显示时间”后，可继续配置以下内容：

  • 下一步按钮文本
  • 日期标题与时间标题文本

拓展配置

3. 状态支持​

暂无专属状态配置，详见：通用状态。

三、样式配置​

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

四、常用场景​

适用于任意需要选择具体日期或时间的场景：

使用示例