时间选择`TimePicker`

用两个主题化选择框组合小时与分钟，返回清晰的 HH:MM 时间值。

亲手试一试。

01 / LIVE PREVIEW

STATES / 示例状态

小时分钟

在左侧预览中体验这枚组件。

INTERACTIVE SPECIMEN · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

let mut time = use_signal(|| "08:30".to_string());
rsx! {
    TimePicker {
        value: time(),
        onchange: move |value| time.set(value),
    }
}

主要属性

03 / PROPERTIES

属性 / 类型	默认值	说明
`value`String	必填	HH:MM 格式的当前值。
`onchange`EventHandler<String>	必填	时间改变时返回新的 HH:MM。
`id`Option<String>	None	小时触发器的标签关联 ID。

操作方式

04 / INTERACTION

Tab切换小时与分钟↑ ↓选择时间

YGGDRASIL · 每一个细节，都有回应。src/components/forms.rs