Atributo step de Input DatetimeLocal

Objeto DatetimeLocal del DOM HTML Input

Definición y uso

step Establece o devuelve el valor de la propiedad step del campo de fecha y hora local.

La propiedad step de HTML especifica los intervalos numéricos válidos en segundos o milisegundos en el campo de fecha y hora local (no se aplica a días, meses, años, horas o minutos).

Ejemplo: si step="2", los números válidos pueden ser 0, 2, 4, etc.

Consejo: La propiedad step se utiliza generalmente con max y min Se utilizan propiedades juntas para crear una serie de valores válidos.

Véase también:

Manual de HTML:Atributo step del <input> HTML

Ejemplo

Ejemplo 1

Cambiar el intervalo numérico válido en segundos en el campo de fecha y hora local:

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

Inténtalo tú mismo

Ejemplo 2

Cambiar el intervalo numérico válido en milisegundos en el campo de fecha y hora local:

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

Inténtalo tú mismo

Ejemplo 3

Obtener el intervalo numérico válido en segundos en el campo de fecha y hora local:

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

Inténtalo tú mismo

Sintaxis

Retornar la propiedad step:

datetimelocalObject.step

Configurar la propiedad step:

datetimelocalObject.step = number

Valor de la propiedad

Valor Descripción
number

Define los intervalos numéricos válidos para el campo de fecha y hora local.

Para los segundos:

Utiliza un número que alcanzará "60" en última instancia. Por ejemplo: "1", "2", "10", "30" y otros.

Para los milisegundos:

Comienza con "." y utiliza un número que alcanzará "1000" en última instancia. Por ejemplo: ".010", ".050", ".20" y otros.

Detalles técnicos

Valor de retorno: Número, que representa un intervalo numérico válido en segundos o milisegundos.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad 10.0 Compatibilidad Compatibilidad Compatibilidad

Atención:El elemento <input type="datetime-local"> no muestra ningún campo de fecha y hora ni calendario en Firefox.

Objeto DatetimeLocal del DOM HTML Input