Time Picker
Zeitauswahl
Ein Zeitwähler ist ein Steuerelement zum Eingeben oder Auswählen einer lokalen Tageszeit. Seine Schrittgröße und das lokale Anzeigeformat müssen klar sein.
Ein echtes Beispiel
Eine Klinik in Taipeh bietet Termine alle 15 Minuten von 09:00 bis 17:00 Uhr an. Eine Wahl wie 14:30 wird getrennt vom Datum und der Zeitzone Asia/Taipei gespeichert. Eine Uhrzeit allein darf nicht so tun, als würde sie ein Datum oder eine Zeitzone enthalten.
Hauptteile
- 01Zeitfeld
- 02Genauigkeit oder Schritt
- 03Zonen-Kontext
Verwenden Sie es, wenn
Verwenden Sie diesen Begriff, wenn Benutzer eine genaue Uhrzeit innerhalb bekannter Schritte und Grenzen angeben müssen.
Nutze es nicht, wenn
Verwenden Sie es nicht für eine Zeitdauer, relative Zeit oder grenzüberschreitende Terminplanung, wenn die Zone verborgen ist.
In Code verwendeter Name
<input type=time> + step + min/max Vor dem Ausliefern
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with Zeitauswahl (Time Picker). User context: Eine Klinik in Taipeh bietet Termine alle 15 Minuten von 09:00 bis 17:00 Uhr an. Eine Wahl wie 14:30 wird getrennt vom Datum und der Zeitzone Asia/Taipei gespeichert. Eine Uhrzeit allein darf nicht so tun, als würde sie ein Datum oder eine Zeitzone enthalten. Recommended pattern: Zeitauswahl (Time Picker). Why it fits: Verwenden Sie diesen Begriff, wenn Benutzer eine genaue Uhrzeit innerhalb bekannter Schritte und Grenzen angeben müssen. Do not use it when: Verwenden Sie es nicht für eine Zeitdauer, relative Zeit oder grenzüberschreitende Terminplanung, wenn die Zone verborgen ist. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Ein formelles Dokument kann trotzdem ein Entwurf, ein Release Candidate oder die finale Version sein. Prüfe seinen Status und die Browser- oder Plattform-Unterstützung. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Zeitauswahl (Time Picker) is used now. Definition: Ein Zeitwähler ist ein Steuerelement zum Eingeben oder Auswählen einer lokalen Tageszeit. Seine Schrittgröße und das lokale Anzeigeformat müssen klar sein. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.