Skip to content

mumuy/widget-datetime

Repository files navigation

基于Web component的日期时间选择器

演示地址

https://passer-by.com/widget-datetime/

网页组件

选择日期和时间

<widget-datetime value=""></widget-datetime>

选择日期

<widget-date value=""></widget-date>

选择时间

<widget-time value=""></widget-time>

选择日期和时间范围

<widget-datetime-range value=""></widget-datetime-range>

选择日期范围

<widget-date-range value=""></widget-date-range>

选择时间范围

<widget-time-range value=""></widget-time-range>

属性说明

组件属性

属性 参考值 说明
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 - 单向限制

About

日期时间选择器 - date picker/time picker/date range picker/time range picker

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors