Fecha (Date) de JavaScript

Fecha y hora de JavaScript

El objeto de fecha de JavaScript nos permite manejar fechas.

En JavaScript, puede crear un sitio web con un calendario, horarios de trenes o una interfaz para establecer citas.

Estos aplicaciones necesitan mostrar el tiempo correspondiente según la zona horaria actual del usuario.

Mar Aug 11 2020 22:34:40 GMT+0800 (Tiempo estándar de China)

Objeto de fecha

Objeto DateEs un objeto integrado en JavaScript para almacenar fechas y horas.

Ofrece muchos métodos integrados para formatear y gestionar datos.

El objeto de fecha se crea utilizando el constructor new Date().

let now = new Date();//　Establecer la variable en la fecha y hora actual

Por defecto, JavaScript utiliza la zona horaria del navegador y muestra la fecha como una cadena de texto completa.

Crear objeto de fecha

Hay cuatro métodos para crear nuevos objetos de fecha.

Puede usar cualquier sintaxis de new Date() para crear un objeto Date.

　　new Date();
　　new Date(milliseconds);
　　new Date(dateString);
　　new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

Crea un nuevo objeto de fecha y hora con new Date() en el momento actual:

let d = new Date();

new Date(milisegundos)

new Date(milisegundos) Creará un nuevo objeto Date, que será la suma de milisegundos del tiempo cero:

let d = new Date(0);

JavaScript entiende la fecha en función del timestamp de Unix, que se compone de1970 años1Mes1El número de milisegundos transcurridos desde medianoche del día.

1970 años1Mes1Día más252 4600000000 milisegundos es aproximadamente2050 años1Mes1Día:

let d = new Date(2524600000000);

new Date(dateString)

new Date(dateString) Creará un nuevo objeto Date a partir de una cadena de fecha:

let d = new Date("July　30　1992　18:30);

new Date(year, month, ...)

Creará un nuevo objeto Date con la fecha y hora especificada: new Date(year, month, ...)

7Un número especifica año, mes, día, hora, minuto, segundo y milisegundo (en este orden):

let d = new Date(2019, 0,　26,　10,　40,　30, 0);

En el ejemplo anterior, nuestros segundos y milisegundos se establecen en30 y 0.

Si falta cualquier número al crear la fecha, se establece por defecto en 0.

Pero no puede cambiar el orden, por lo que si decides omitir un número, recuerda esto.

También podrías notar que el mes de enero se representa con 0, en lugar de1.

Esto se debe a que los números de fecha y hora comienzan en 0, al igual que la mayoría de los conteos en la programación.

El mes de JavaScript va desde 0 hasta11Enero es 0, diciembre es11.

Métodos de fecha

Al crear el objeto Date, se pueden usar varios métodos para operar con él.

Con los métodos de fecha, se puede usar la hora local o UTC (Universal o GMT) paraObtenciónYConfiguraciónFecha, año, mes, día, hora, minuto, segundo y milisegundo.

Recuperación (Obtención) de la fecha

Con el objeto fecha, se pueden acceder a todos los componentes de la fecha mediante varios métodos integrados.

Estos métodos devolverán cada parte de la fecha en función de la zona horaria local.

Cada uno de estos métodos termina congetInicio, y se devolverá el número relativo.

La siguiente tabla es de los métodos del objeto Dategettabla de métodos:

Método getFullYear()

getFullYear()El método devuelve el año de la fecha en forma de número de cuatro dígitos.

var d = new Date();
d.getFullYear();

Método getMonth()

getMonth()Método con número (0 a11) que devuelve el mes del año.

var d = new Date();
d.getMonth();

El mes de JavaScript va desde 0 hasta11Enero es 0, diciembre es11.

En el siguiente ejemplo, la variable month almacena el nombre del mes:

var arr = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var d = new Date();
var month = arr[d.getMonth()];

Método getDate()

getDate()El método devuelve un número (1-31) en forma de número para obtener un día del mes.

var d = new Date();
d.getDate();

Método getDay()

getDay()El método devuelve un número (0-6) que devuelve el día de la semana.

var d = new Date();
d.getDay();

JavaScript considera los días laborables desde 0 hasta6Realizar un conteo. Domingo es 0, sábado es6.

En el siguiente ejemplo, la variable Today almacena el nombre de la fecha:

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

Método getHours()

getHours()El método devuelve el número de horas de la fecha en forma de número (0-23)。

var d = new Date();
d.getHours();

Método getMinutes()

getMinutes()El método devuelve el número de minutos de la fecha en forma de número (0-59)。

var d = new Date();
d.getMinutes();

Método getSeconds()

getSeconds()El método devuelve el número de segundos de la fecha en forma de número (0-59)。

var d = new Date();
d.getSeconds();

Método getMilliseconds()

getMilliseconds()El método devuelve un número (0-999) en forma de número para obtener los milisegundos de la fecha.

var d = new Date();
d.getMilliseconds();

Método getTime()

getTime()El método devuelve desde1970 años1Mes1milisegundos desde el primer día del mes.

var d = new Date();
d.getTime();

día(24hora) es8,640 millones de milisegundos.

Fecha de modificación(Configuración)

Para todos los métodos que hemos aprendido anteriormentegetmétodo, tiene una correspondenciasetmétodo.

Si se utilizagetPara recuperar componentes específicos de una fecha, utilicesetpara modificar los componentes de la fecha.

La siguiente tabla es de los métodos del objeto Datesettabla de métodos:

método setFullYear()

setFullYear()método establece el año del objeto de fecha.

var d = new Date();
d.setFullYear(2010);

setFullYear()método puede optar por establecer mes y día.

var d = new Date();
d.setFullYear(2010,　8,　30);

método setMonth()

setMonth()método establece el mes del objeto de fecha (0-11)。

var d = new Date();
d.setMonth(11);

método setDate()

setDate()método establece el día en el mes del objeto de fecha (1-31)。

var d = new Date();
d.setDate(22);

método setHours()

setHours()método establece las horas del objeto de fecha (0-23)。

var d = new Date();
d.setHours(18);

método setMinutes()

setMinutes()método establece los minutos del objeto de fecha (0-59)。

var d = new Date();
d.setMinutes(32);

método setSeconds()

setSeconds()método establece los segundos del objeto de fecha (0-59)。

var d = new Date();
d.setSeconds(24);

método setMilliseconds()

setMilliseconds()método establece los milisegundos del objeto de fecha (0-999)。

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

método setTime()

setTime()método establece el objeto Date en1970 años1Mes1milisegundos desde el primer día del mes.

var d = new Date();
d.setTime(1542655292087);

métodos de fecha UTC

　 　 Se discutió anteriormentegetmétodo para recuperar componentes de fecha basados en la configuración horaria local del usuario.

Para especificar mejor la fecha y la hora, se puede utilizargetUTCmétodo, que es completamente idéntico al método get, la diferencia radica en que calculan el tiempo según el estándar UTC (Tiempo Universal Coordinado).

La siguiente tabla es una representación de los métodos UTC del objeto Date de JavaScript:

Para saber la diferencia entre el método get de la hora local (local) y UTC, podemos ejecutar el siguiente código:

let now = new Date();
//　Imprimir hora local y zona UTC (local y UTC)
document.write(now.getHours());
document.write(now.getUTCHours());

Ejecutar este código imprimirá la hora actual y la hora en la zona UTC. Si está en la zona UTC, los números generados por el programa anterior serán los mismos.

Más ejemplos

En este ejemplo, JavaScript muestra la hora actual.

Referencia completa de fecha

Para obtener una referencia completa de propiedades y métodos, por favor visite nuestraReferencia de fecha de JavaScript.

La parte de referencia contiene descripciones y ejemplos de todas las propiedades y métodos de Date.