Cómo obtener la fecha y hora actuales en JavaScript

Introducción

JavaScript es un lenguaje de programación ligero utilizado para la World Wide Web. La Date de JavaScript El objeto es útil para verificar la fecha y la hora en que un visitante llega a su sitio web.

Esta guía lo guiará a través del uso de JavaScript para obtener la fecha y hora actuales de un cliente.

Requisitos previos

• Familiarizarse con JavaScript (incluida la creación, el guardado y la ejecución de secuencias de comandos)

Crear el objeto de fecha en JavaScript

La Date de JavaScript object ayuda cuando se trabaja con fechas. Para crear un nuevo objeto con la fecha y hora actuales, agregue Date variable a su secuencia de comandos:

<script>

var today = new Date();

</script>

Utilice el método Get para mostrar la fecha actual en JavaScript

Si desea obtener la fecha en el formato YYYY-MM-DD formato, edite el date_test.html documento y agregue la siguiente variable:

<script>

var today = new Date();

var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();

</script>

La segunda línea consta de las siguientes instrucciones:

hoy.getFullYear() – Utiliza la variable de hoy para mostrar el año de 4 dígitos.
hoy.obtenerMes()+1 – Muestra el mes numérico – el +1 convierte el mes de digital (0-11) a normal.
hoy.getDate() – Muestra el día numérico del mes.

Si prefiere un formato diferente, simplemente cambie el orden de los comandos.

Nota :Hay un guión entre cada comando. Esto crea un guión entre cada segmento de la fecha.

Mostrar horas, minutos y segundos usando JavaScript

Para mostrar la hora en HH:MM:SS edite su secuencia de comandos para que tenga el siguiente aspecto:

<script>

var today = new Date();

var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

</script>

hoy.getHours() – Esto utiliza la variable de hoy para mostrar la hora actual. Esto utiliza un reloj de 24 horas.
hoy.getMinutes() – Muestra la lectura de minutos actual.
hoy.getSeconds() – Muestra la lectura de segundos actual.

Nota :Hay dos puntos entre cada comando. Esto coloca dos puntos entre cada pantalla numérica para que se lea como un reloj.

Mostrar la fecha y hora actual completa en JavaScript

Combine los dos comandos para mostrar la fecha y la hora completas en el YYYY-MM-DD y HH:MM:SS formatos. Edite su secuencia de comandos de la siguiente manera:

<script>

var today = new Date();

var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();

var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

var dateTime = date+' '+time;

</script>

La línea final combina las otras dos piezas de código. Esto le indica al sistema que muestre la fecha completa junto a la hora completa.

Prueba el código: Si desea probar o editar el código mencionado en este artículo, consulte nuestra entrada Aprenda a obtener la fecha y la hora actuales en JavaScript en CodePen.