SxTimePicker (时间选择)

  • Implemented

选择具体时间的输入组件。对齐 Microsoft Fluent UI Blazor TimePicker (v4.13.2) 的 API 结构，并说明 NextUI 当前实现状态。

使用场景

  • 签到/打卡时间
  • 表单时间字段
  • 日程设置

约束说明

  • Value 使用 DateTime? 表示时间点，主要使用时间部分。
  • Disabled 为 true 时不响应输入。

行为说明

  • 用户输入后触发 ValueChanged。
  • Label 为可选顶部标签。

API

Parameters

状态 参数名 类型 默认值 描述
Implemented Value (继承) DateTime? null 当前选中时间。
Implemented Label string? null 顶部标签文本。
Implemented Disabled (继承) bool false 禁用状态。
Implemented Id (继承) string? null 组件的物理 Id。
Implemented Class (继承) string? null 自定义 CSS 类名。
Implemented Style (继承) string? null 自定义样式。
Implemented Title (继承) string? null HTML title 属性。
Implemented AdditionalAttributes (继承) IEnumerable<KeyValuePair<string, object>>? null 捕获不匹配的 HTML 属性。

Events

状态 事件名 类型 描述
Implemented ValueChanged (继承) EventCallback<DateTime?> 时间改变时触发。

示例

<SxTimePicker Label="签到时间" @bind-Value="_time" />

参考设计 (References)

在 Playground 中打开 →