DatePicker

受控的原生日期或日期时间选择器。

#导入

从 @quickgui/solid/swift-ui 导入 DatePicker。

import { Host, DatePicker } from "@quickgui/solid/swift-ui";

#用法

<Host matchContents>
  <DatePicker
    label="Schedule"
    value={scheduledAt()}
    displayedComponents="dateAndTime"
    style="field"
    onValueChange={setScheduledAt}
  />
</Host>

#API 参考

展开条目查看说明和完整签名。短横线表示声明中未记录默认值。

`DatePicker`

查看源码

DatePicker(props: DatePickerProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

查看源码

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

查看源码

valueDate—

Controlled JavaScript date.

Date

查看源码

minDate—

Declares min (optional). Reactive JSX expressions update this property in place.

Date

查看源码

maxDate—

Declares max (optional). Reactive JSX expressions update this property in place.

Date

查看源码

labelstring—

Declares label (optional). Reactive JSX expressions update this property in place.

string

查看源码

displayedComponentsDatePickerComponents—

Declares displayedComponents (optional). Reactive JSX expressions update this property in place.

DatePickerComponents

查看源码

styleDatePickerStyle—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

DatePickerStyle

查看源码

onValueChange(value: Date, event: QuickGuiEvent) => void—

Declares onValueChange (optional). Reactive JSX expressions update this property in place.

(value: Date, event: QuickGuiEvent) => void

查看源码

ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode

查看源码