Atributo disabled de Input Date

Objeto Date del DOM de HTML Input

Definición y uso

disabled Configurar o devolver si debe deshabilitarse el campo de fecha.

Los elementos deshabilitados no están disponibles y no se pueden hacer clic. Por defecto, los elementos deshabilitados se presentan generalmente en gris en el navegador.

Este atributo refleja el atributo disabled de HTML.

Vea también:

Manual de HTML:Atributo disabled en <input> de HTML

Ejemplo

Ejemplo 1

Deshabilitar el campo de fecha:

document.getElementById("myDate").disabled = true;

Inténtalo tú mismo

Ejemplo 2

Verificar si el campo de fecha está deshabilitado:

var x = document.getElementById("myDate").disabled;

Inténtalo tú mismo

Ejemplo 3

Deshabilitar y habilitar el campo de fecha:

function disableBtn() {
    document.getElementById("myDate").disabled = true;
}
function undisableBtn() {
    document.getElementById("myDate").disabled = false;
}

Inténtalo tú mismo

Sintaxis

Devolver atributo disabled:

inputdateObject.disabled

Configurar atributo disabled:

inputdateObject.disabled = true|false

Valor del atributo

Valor Descripción
true|false

Especificar si debe deshabilitarse el campo de fecha.

  • true - El campo de fecha está deshabilitado
  • false - Por defecto. El campo de fecha no está deshabilitado

Detalles técnicos

Valor de retorno: Booleano, si el campo de fecha está deshabilitado, se devuelve true, de lo contrario se devuelve false.

Compatibilidad del navegador

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

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

Atención:El elemento <input type="date"> no muestra ningún campo de fecha ni calendario en IE11 y versiones anteriores.

Objeto Date del DOM de HTML Input