日付と時刻のフィールドは、セグメントごとに入力します。日、月、年はロケールの順序で並び、続く時と分はロケールの12時間制または24時間制に従います。各セグメントはスピンボタンで、数字を入力すると自動的に次へ進み、矢印キーで値を増減することもできます。日付全体を貼り付けると、すべてのセグメントが埋まります。
ピッカーはポップオーバーのカレンダーを加え、1つの日付にも、プリセット付きの期間にも使えます。値は 2026-09-25 や 2026-09-25T09:30 のようなシンプルな ISO 形式の文字列で、どのフィールドも Signal Forms、リアクティブフォーム、ngModel で使えます。
このサイトの例はページの言語に従います。言語を切り替えると、順序、区切り文字、数字が変わるのを確認できます。
日付と時刻のフィールド
数字を入力するか、矢印キーを使います。Backspace をもう一度押すと、1つ前のセグメントに戻ります。minuteStep は、矢印キーで分が変わる幅を設定します。
Birthday: not set · Alarm: 07:30
日付ピッカー
ボタンを押すと選択中の日のカレンダーが開き、日を選ぶと閉じます。granularity="minute" では時刻も入力でき、カレンダーで変わるのは日付だけです。
Departure: not set · Meeting: 2026-09-26T09:30
期間
2つのフィールドと2か月分のカレンダーです。nuiDateRangePresets() はよく使う期間を追加します。値は、両端が正しい順序で設定されるまで null のままです。
Type both dates, pick them in the calendar, or choose a preset.