Atributo disabled do Input Date

Objeto Date do DOM HTML Input

Definição e uso

disabled Definir ou retornar se o campo de data deve ser desativado.

Os elementos desativados não estão disponíveis e não podem ser clicados. Pelo padrão, os elementos desativados são geralmente exibidos em cinza no navegador.

Este atributo reflete o atributo disabled do HTML.

Veja também:

Manual HTML:Propriedade disabled do <input> no HTML

Exemplo

Exemplo 1

Desativar o campo de data:

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

Experimente você mesmo

Exemplo 2

Verificar se o campo de data está desativado:

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

Experimente você mesmo

Exemplo 3

Desativar e ativar o campo de data:

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

Experimente você mesmo

Sintaxe

Retornar o atributo disabled:

inputdateObject.disabled

Definir o atributo disabled:

inputdateObject.disabled = true|false

Valor do atributo

Valor Descrição
true|false

Definir se o campo de data deve ser desativado.

  • true - O campo de data está desativado
  • false - Padrão. O campo de data não está desativado

Detalhes técnicos

Valor retornado: Valor booleano, retornado se o campo de data estiver desativado true, caso contrário, retorne false.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 10.0 Suporte Suporte Suporte

Atenção:O elemento <input type="date"> não exibe nenhum campo de data ou calendário em versões do IE11 ou anteriores.

Objeto Date do DOM HTML Input