TimeConfig

Đối tượng cấu hình cho các bộ chọn liên quan đến thời gian. Được chia sẻ giữa useDateTimePicker, useDateRangeTimePicker, và useStandaloneTimePicker.

import type { TimeConfig } from "react-date-range-picker-headless";

Các trường

Trường	Kiểu	Mặc định	Mô tả
`precision`	`TimePrecision`	`"minute"`	Độ chính xác hiển thị thời gian: `"hour"`, `"minute"`, hoặc `"second"`.
`hourFormat`	`HourFormat`	`"24"`	Định dạng 12 giờ hoặc 24 giờ: `"12"` hoặc `"24"`.
`minuteStep`	`MinuteStep`	`5`	Bước tăng cho phút.
`secondStep`	`SecondStep`	`1`	Bước tăng cho giây.
`itemHeight`	`number`	`32`	Chiều cao (tính bằng px) của mỗi mục trong bánh xe cuộn.

Định nghĩa TypeScript

interface TimeConfig {
  precision?: TimePrecision;
  hourFormat?: HourFormat;
  minuteStep?: MinuteStep;
  secondStep?: SecondStep;
  itemHeight?: number;
}

Các kiểu liên quan

type TimePrecision = "hour" | "minute" | "second";
type HourFormat = "12" | "24";
type MinuteStep = 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
type SecondStep = 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;

Cấu hình đã phân giải

Các hook chấp nhận TimeConfig sẽ trả về một resolvedTimeConfig với tất cả các giá trị mặc định đã được điền:

type Required<TimeConfig>
// { precision: TimePrecision; hourFormat: HourFormat; minuteStep: MinuteStep; secondStep: SecondStep; itemHeight: number }

Sử dụng tiện ích resolveTimeConfig() để phân giải các giá trị mặc định theo cách thủ công:

import { resolveTimeConfig } from "react-date-range-picker-headless";

const resolved = resolveTimeConfig({ precision: "second" });
// { precision: "second", hourFormat: "24", minuteStep: 5, secondStep: 1, itemHeight: 32 }