Los últimos tutoriales de desarrollo web
 

DOM HTML de entrada de fecha y hora de objetos


Objeto de entrada de fecha y hora

La fecha y hora de entrada es objeto nuevo en HTML5.

El Datetime objeto de entrada representa un HTML <input> elemento con type = "fecha y hora".

Nota: <input> elementos con type = "fecha y hora" no muestran como cualquier campo de fecha y hora / calendario en cualquiera de los principales navegadores, excepto Safari.

Acceder a una fecha y hora de entrada de objetos

Puede acceder a un <input> elemento con el tipo = "fecha y hora" mediante el uso de getElementById() :

Ejemplo

var x = document.getElementById("myDatetime");
Inténtalo tú mismo "

Consejo: También puede acceder a <input type="datetime"> buscando a través de la elementos de colección de una forma.

Crear una entrada de fecha y hora de objetos

Se puede crear un <input> elemento con el tipo = "fecha y hora" con el document. createElement() document. createElement() método:

Ejemplo

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");
Inténtalo tú mismo "

Propiedades de fecha y hora de entrada de objetos

Propiedad Descripción
autocomplete Establece o devuelve el valor de la autocomplete atributo de un campo de fecha y hora
autofocus Establece o devuelve si un campo de fecha y hora deben obtener automáticamente el enfoque cuando se carga la página
defaultValue Establece o devuelve el valor predeterminado de un campo de fecha y hora
disabled Establece o devuelve si un campo de fecha y hora se desactiva, o no
form Devuelve una referencia al formulario que contiene el campo de fecha y hora
list Devuelve una referencia a la lista de datos que contiene el campo de fecha y hora
max Establece o devuelve el valor del max atributo del campo de fecha y hora
min Establece o devuelve el valor de la min atributo del campo de fecha y hora
name Establece o devuelve el valor del name atributo de un campo de fecha y hora
readOnly Establece o devuelve si el campo de fecha y hora es de sólo lectura, o no
required Establece o devuelve si el campo de fecha y hora debe ser completado antes de enviar un formulario
step Establece o devuelve el valor del step atributo del campo de fecha y hora
type Devuelve el tipo de elemento de formulario el campo de fecha y hora es
value Establece o devuelve el valor del value atributo de un campo de fecha y hora

Métodos de entrada objeto DateTime

Método Descripción
stepDown() Reduce el valor del campo de fecha y hora por un número especificado
stepUp() Incrementa el valor del campo de fecha y hora por un número especificado

Propiedades estándar y Eventos

El Datetime objeto de entrada también es compatible con el estándar de propiedades y eventos .


Páginas relacionadas

Tutorial de HTML: formularios HTML

Referencia HTML: HTML <input> etiqueta

Referencia HTML: HTML <input> atributo type