Objeto Input Datetime DOM HTML

Objeto Datetime

O objeto Datetime é um novo objeto no HTML5.

O objeto Datetime representa o elemento HTML <input type="datetime">.

Notas:O Internet Explorer, Firefox ou Chrome não suportam o elemento <input type="datetime">, o Safari suporta parte dele. Opera 12 e versões anteriores suportam completamente.

Acessar objeto Datetime

Você pode acessar o elemento <input type="myDatetime"> usando getElementById():

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

Experimente você mesmo

Dica:Você também pode percorrer os elementos do formulário conjunto de elementospara acessar o objeto Datetime.

Criar objeto Datetime

Você pode criar um elemento <input type="datetime"> usando o método document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");

Experimente você mesmo

Atributos do objeto Datetime

Atributos Descrição
autocomplete Defina ou retorne o valor do atributo autocomplete do campo datetime
autofocus Defina ou retorne se o campo datetime deve obter o foco automaticamente após o carregamento da página
defaultValue Defina ou retorne o valor padrão do campo datetime
disabled Defina ou retorne se o campo datetime está desativado
form Retorne uma referência ao formulário que contém o campo datetime
list Retorne uma referência ao datalist que contém o campo datetime
max Defina ou retorne o valor do atributo max do campo datetime
min Defina ou retorne o valor do atributo min do campo datetime
name Defina ou retorne o valor do atributo name do campo datetime
readOnly Defina ou retorne se o campo datetime é apenas leitura
required Defina ou retorne se o campo datetime deve ser preenchido antes de submeter o formulário
step Defina ou retorne o valor do atributo step do campo datetime
type Retorne o tipo do elemento de formulário do campo datetime
value Defina ou retorne o valor do atributo value do campo datetime

Métodos do objeto Input Datetime

Método Descrição
select() Selecione o conteúdo do campo de texto de data e hora
stepDown() Diminua o valor do campo datetime conforme especificado
stepUp() Aumente o valor do campo datetime conforme especificado

Atributos e eventos padrão

O objeto Datetime suporta padrõesAtributoseEventos.

Páginas relacionadas

Tutorial de HTML:Formulários HTML

Manual de referência do HTML:Etiqueta <input> HTML

Manual de referência do HTML:Atributo type do <input> HTML