Time Picker
Sélecteur de temps
Un sélecteur de temps est un contrôle pour taper ou choisir une heure locale de la journée. Sa taille de pas et son format d'affichage local doivent être clairs.
Un vrai exemple
Une clinique de Taipei propose des rendez-vous toutes les 15 minutes de 09h00 à 17h00. Un choix tel que 14h30 est enregistré séparément de la date et du fuseau horaire Asia/Taipei. Une heure seule ne doit pas prétendre inclure une date ou un fuseau horaire.
Parties principales
- 01champ de temps
- 02précision ou étape
- 03contexte de zone
Utilisez-le lorsque
Utilisez ce terme lorsque les utilisateurs doivent fournir une heure exacte dans des étapes et limites connues.
Ne l'utilisez pas lorsque
Ne l'utilisez pas pour une durée, un temps relatif ou une planification interzones lorsque la zone est masquée.
Nom utilisé dans le code
<input type=time> + step + min/max Avant d'expédier
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 Sélecteur de temps (Time Picker). User context: Une clinique de Taipei propose des rendez-vous toutes les 15 minutes de 09h00 à 17h00. Un choix tel que 14h30 est enregistré séparément de la date et du fuseau horaire Asia/Taipei. Une heure seule ne doit pas prétendre inclure une date ou un fuseau horaire. Recommended pattern: Sélecteur de temps (Time Picker). Why it fits: Utilisez ce terme lorsque les utilisateurs doivent fournir une heure exacte dans des étapes et limites connues. Do not use it when: Ne l'utilisez pas pour une durée, un temps relatif ou une planification interzones lorsque la zone est masquée. 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): Un document officiel peut quand même être un brouillon, un release candidate, ou la version finale. Vérifie son statut et sa compatibilité avec le navigateur ou la plateforme. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Sélecteur de temps (Time Picker) is used now. Definition: Un sélecteur de temps est un contrôle pour taper ou choisir une heure locale de la journée. Sa taille de pas et son format d'affichage local doivent être clairs. 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.