Les champs de date et d’heure se saisissent par segments : jour, mois et année dans l’ordre des paramètres régionaux, puis heures et minutes selon leur horloge de 12 ou 24 heures. Chaque segment est un spinbutton : tapez des chiffres et il passe tout seul au suivant, ou faites-le varier avec les flèches. Collez une date entière, et tous les segments se remplissent.
Les sélecteurs ajoutent un calendrier dans un popover, pour une date ou pour une plage avec préréglages. Les valeurs sont de simples chaînes ISO, comme 2026-09-25 ou 2026-09-25T09:30, et chaque champ fonctionne avec Signal Forms, les formulaires réactifs et ngModel.
Sur ce site, les exemples suivent la langue de la page : changez-la pour voir évoluer l’ordre, les séparateurs et les chiffres.
Champs de date et d’heure
Tapez les chiffres, ou utilisez les flèches. Un second appui sur Retour arrière revient au segment précédent. minuteStep définit de combien les flèches déplacent les minutes.
Birthday: not set · Alarm: 07:30
Sélecteurs de date
Le bouton ouvre un calendrier sur le jour choisi, et un choix le referme. Avec granularity="minute", le sélecteur prend aussi une heure, et le calendrier ne change que la date.
Departure: not set · Meeting: 2026-09-26T09:30
Une plage de dates
Deux champs et un calendrier sur deux mois. nuiDateRangePresets() ajoute des plages courantes ; la valeur reste null tant que les deux bornes ne sont pas définies, dans l’ordre.
Type both dates, pick them in the calendar, or choose a preset.