时间选择

TimePicker输入与选择

小时、分钟两列的浮层,按浏览器本地时间显示与选择,底部给出对应的 UTC 时间。

预览

属性

名称类型默认值说明
valueSignal<String>必填HH:MM 格式的当前值。
onchangeCallback<String>必填时间改变时返回新的 HH:MM。
idMaybeProp<String>自动生成触发器的标签关联 ID。

键盘

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

用法

src/components/forms.rs
Leptos view!
let time = RwSignal::new("08:30".to_string());

view! {
    <TimePicker
        value=time
        onchange=move |value: String| time.set(value)
    />
}