本文へ移動

§09-13Forms

時刻 picker (タイムゾーン)

タイムゾーンを自動検出して時刻を選ぶ。

地域の異なる相手と予定を合わせるときに時刻のずれを防ぐ。会議予約や配信予約など、利用者が複数の国にまたがる場面で効く。

実装のポイント

タイムゾーンは Intl.DateTimeFormat().resolvedOptions().timeZone で検出し、保存は UTC と IANA タイムゾーン名の組で持つ。

特徴
  • ブラウザ API
デモで使っているもの
  • lucide-react