Time ヘルパー

時刻値の生成、12時間形式と24時間形式の変換、ステップへのスナップ、および時刻設定の解決を行うための関数。

import {
generateHours,
generateHours12,
generateMinutes,
generateSeconds,
adjustMinuteToStep,
adjustSecondToStep,
to12Hour,
to24Hour,
resolveTimeConfig,
} from "react-date-range-picker-headless";

generateHours

24時間形式の値の配列を生成します。

シグネチャgenerateHours(): number[]
戻り値[0, 1, 2, ..., 23]

generateHours12

12時間形式の値の配列を生成します。

シグネチャgenerateHours12(): number[]
戻り値[1, 2, 3, ..., 12]

generateMinutes

ステップでフィルタリングされた分の配列を生成します。

シグネチャgenerateMinutes(minuteStep?: MinuteStep): number[]
デフォルト5
generateMinutes(); // [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55]
generateMinutes(15); // [0, 15, 30, 45]
generateMinutes(1); // [0, 1, 2, ..., 59]

generateSeconds

ステップでフィルタリングされた秒の配列を生成します。

シグネチャgenerateSeconds(secondStep?: SecondStep): number[]
デフォルト1
generateSeconds(); // [0, 1, 2, ..., 59]
generateSeconds(15); // [0, 15, 30, 45]

adjustMinuteToStep

分の値を最も近い有効なステップにスナップします(切り捨て)。

シグネチャadjustMinuteToStep(minute: number, minuteStep: MinuteStep): number
adjustMinuteToStep(7, 5); // 5
adjustMinuteToStep(13, 10); // 10
adjustMinuteToStep(29, 15); // 15

adjustSecondTo