Atributo readOnly do Input Datetime

Objeto Input Datetime DOM HTML

Definição e uso

readOnly Atributo que define ou retorna se o campo de data e hora deve ser de somente leitura.

Não é possível modificar o campo de somente leitura. No entanto, o usuário pode selecionar, destacar e copiar o texto dele.

Esta propriedade reflete o atributo readonly do HTML.

Dica:Para evitar que o usuário interaja com o campo, use Atributo disabled.

Veja também:

Manual HTML:Propriedade readonly do <input> do HTML

Exemplo

Exemplo 1

Definir o campo de data e hora como de somente leitura:

document.getElementById("myDatetime").readOnly = true;

Experimente você mesmo

Exemplo 2

Verificar se o campo de data e hora é de somente leitura:

var x = document.getElementById("myDatetime").readOnly;

Experimente você mesmo

Sintaxe

Retornar a propriedade readOnly:

datetimeObject.readOnly

Definir a propriedade readOnly:

datetimeObject.readOnly = true|false

Valor do atributo

Valor Descrição
true|false

Determinar se o campo de data e hora deve ser de somente leitura

  • true - O campo de data e hora é de somente leitura
  • false - padrão. O campo de data e hora não é de somente leitura

Detalhes técnicos

Valor retornado: Valor booleano, se o campo de data e hora é somente leitura, retornar true; caso contrário, retornar falso.

Suporte do navegador

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

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

Atenção:O elemento <input type="datetime"> não exibe nenhum campo de data e hora/calendário em navegadores principais exceto Safari.

Objeto Input Datetime DOM HTML