Attribut step de l'input datetime-local

Objet Input DatetimeLocal DOM HTML

Définition et utilisation

step Définir ou retourner la valeur de l'attribut step du champ de date et heure locale.

L'attribut step de l'HTML définit l'intervalle numérique légal en secondes ou en millisecondes pour le champ de date et heure locale (ne s'applique pas aux jours, mois, années, heures ou minutes).

Exemple : si step="2", les nombres légaux peuvent être 0, 2, 4, etc.

Astuce : L'attribut step est généralement utilisé avec max et min Utiliser les attributs ensemble pour créer une série de valeurs légal.

Voir également :

Manuel HTML :L'attribut step de l'objet <input> HTML

Exemple

Exemple 1

Modifier l'intervalle numérique légal en secondes dans le champ de date locale :

document.getElementById("myLocalDate").step = "10";

Essayez-le vous-même

Exemple 2

Modifier l'intervalle numérique légal en millisecondes dans le champ de date locale :

document.getElementById("myLocalDate").step = ".020";

Essayez-le vous-même

Exemple 3

Obtenir l'intervalle numérique légal en secondes dans le champ de date locale :

var x = document.getElementById("myLocalDate").step;

Essayez-le vous-même

Syntaxe

Retourner l'attribut step :

datetimelocalObject.step

Définir l'attribut step :

datetimelocalObject.step = number

Valeur de l'attribut

Valeur Description
number

Définit un intervalle numérique légal pour le champ de date et heure locale.

Pour les secondes :

Utilise un nombre qui atteindra finalement "60". Par exemple : "1", "2", "10", "30" et ainsi de suite.

Pour les millisecondes :

Commence par "." et utilise un nombre qui atteindra finalement "1000". Par exemple : ".010", ".050", ".20" et ainsi de suite.

Détails techniques

Valeur de retour : Nombre, représentant une intervalle numérique légal en secondes ou en millisecondes.

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

Attention :L'élément <input type="datetime-local"> ne montre aucun champ de date et heure ni calendrier dans Firefox.

Objet Input DatetimeLocal DOM HTML