Vuetify

Boutique

Entreprises

Le composant v-time-picker est indépendant et peut être utilisé partout. Il permet de choisir une heure à partir d'un sélecteur.

Les sélecteurs de temps ont le thème de lumière activé par défaut.

Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.

Vous trouverez ci-dessous une collection d'exemples simples ou complexes.

Les couleurs du sélecteur d'heure peuvent être définies en utilisant les propriétés color et header-color. Si le propheader-color nest pas fourni, len-tête utilisera la valeur de propcolor.

Vous ne pouvez pas interagir avec le sélecteur désactivé.

Le sélecteur en lecture seule se comporte comme désactivé, mais il semble que celui-ci soit par défaut.

Un sélecteur de temps peut être changé au format 24hr. Notez que la propformat définit uniquement la façon dont le sélecteur est affiché, la valeur du sélecteur (modèle) est toujours en format 24hr.

Vous pouvez spécifier les temps autorisés en utilisant des tableaux, des objets et des fonctions. Vous pouvez également spécifier l'étape/précision/intervalle de temps - par exemple 10 minutes.

Vous pouvez spécifier la largeur du sélecteur ou la rendre pleine largeur.

Emphasize the v-time-picker component by providing an elevation from 0 to 24. Elevation modifies the box-shadow css property.

Vous pouvez déplacer le changement AM/PM pour le titre du sélecteur.

Vous pouvez supprimer le titre du sélecteur.

Le sélecteur de temps peut avoir une entrée de secondes.

Vous pouvez modifier la valeur du sélecteur de temps en utilisant la roue de la souris.

Grâce à la flexibilité des sélecteurs, vous pouvez vraiment composer dans l'expérience exactement comment vous le souhaitez.

Ceci est un exemple de rejoindre les ramasseurs ensemble en utilisant min et max.

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!