DatePicker

用于 JavaScript Date 的受控选择器。children 是标签。

import { DatePicker, useState } from "onescript/views"

function MeetingPicker() {
  const [date, setDate] = useState(() => new Date())
  return (
    <DatePicker
      selection={date}
      onSelectionChange={setDate}
    >
      会议
    </DatePicker>
  )
}

Prop	Type	说明
`selection`	`Date`	当前日期。
`onSelectionChange`	`(date: Date) => void`	用户选择后，以新的 `Date` 调用。
`min`	`Date`	可选的最早日期。
`max`	`Date`	可选的最晚日期，不能早于 `min`。
`displayedComponents`	`("date" \| "hourAndMinute")[]`	显示的部分，默认两者都显示。
`children`	`ViewChild`	标签。

selection 必须位于 min 与 max 之间，否则会抛出 TypeError，因为 SwiftUI 会改为显示最近的边界值，与你的状态不一致。

样式与范围

import { DatePicker, Modifier } from "onescript/views"

<DatePicker
  selection={deadline}
  onSelectionChange={setDeadline}
  min={new Date()}
  displayedComponents={["date"]}
  modifier={Modifier.datePickerStyle("graphical")}
>
  截止日期
</DatePicker>

用 datePickerStyle 在紧凑、日历和滚轮样式之间切换。也支持修饰符。仅在 App 和 Action 视图会话中可用；在 Widget 中使用会报「不支持的视图类型」错误。

样式与范围

本页目录