For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.4.0/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.4.0/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.4.0/components/date-picker.md.
A3S UI
  • 简体中文
  • v0.4.0

      • 日期输入

      通过原生日期输入收集一个日历日期，并保留浏览器、语言环境与移动平台已经提供的选择体验。

      实时预览

      用法

      <input class="input date-picker" type="date" value="2026-08-14" aria-label="Target date" />

      契约

      接口值
      根选择器input.date-picker
      原生根元素<input>
      状态ready, disabled, invalid, read-only
      事件change, input
      方法—

      产品边界

      日期输入不处理时区、日期范围、重复计划或自然语言解析。需要多个相互约束日期时，应由表单组合负责验证和说明。

      组件只发布可复用的交互边界。数据获取、持久化、权限、可信内容与业务实体继续由宿主产品拥有。

      可访问性

      始终使用可见 label，并在字段旁说明格式、范围和错误原因。不要以占位符代替标签。