选择日期和时间
选择日期
选择时间
选择日期和时间范围
选择日期范围
选择时间范围
组件属性
| 属性 | 参考值 | 说明 |
|---|---|---|
| placeholder | '请选择日期' | 为空时占位提醒 |
| value | '2026-01-01' | 默认值 |
| pattern | 'YYYY年MM月DD日' |
格式化值 YYYY - 年 MM - 月 DD - 日 HH - 小时 mm - 分钟 ss - 秒 |
| range | [['2026-01-01','2026-06-30']] |
限制选择范围 [['2026-01-01','2026-06-30']] - 限制日期 [['09:00','21:00']] - 限制时间 [['2026-01-01',null]] - 单向限制 |
| limit | ['weekend'] |
限制类型 weekend - 周末 weekday - 工作日 sunday/monday/tuesday/wednesday/thursday/friday/saturday - 单向限制 |
关于日期时间选择器
本日期时间选择器基于Web Component开发。组件支持精准选择日期与时间，界面直观、操作便捷，可自定义时间范围、禁用时段、起始结束时间等规则。支持标准时间格式输出，自动格式化数据，适配表单提交、预约排班、日程管理、数据筛选等多种业务场景，稳定兼容各类前端项目，提升时间选择体验与数据规范性。