Una guía completa sobre el objeto de fecha en TypeScript

Una Guia Completa Sobre El Objeto De Fecha En Typescript



TypeScript es el superconjunto de JavaScript que viene con todas las funcionalidades de JavaScript, así como con las nuevas. Tiene casi todos los métodos y propiedades integrados de JavaScript para realizar varias funcionalidades. El funcionamiento de todos estos métodos, propiedades y objetos es el mismo en TypeScript. Por lo tanto, el usuario puede usar cualquiera de los objetos de JavaScript como un objeto de TypeScript según los requisitos.

Esta publicación ilustra el propósito, el uso y la implementación práctica del objeto Date en TypeScript.

¿Qué es un objeto de fecha en TypeScript?

El ' Fecha El objeto ” denota la fecha y la hora. Este objeto imprime la fecha y hora del sistema local por defecto. También permite a los usuarios establecer una fecha y hora específicas (incluida la zona horaria) de su sistema con la ayuda de sus métodos predefinidos.







Sintaxis



dejar fecha = nuevo Fecha ( aaaa, mm, dd )

En la sintaxis anterior, la palabra clave 'nuevo' crea un objeto 'Fecha' siguiendo el formato de fecha especificado (aaaa (año), mm (mes), dd (fecha)).



Comencemos con la creación del objeto 'Fecha'.





¿Cómo crear un objeto de fecha en TypeScript?

El ' Fecha ” es un objeto dinámico que se puede implementar de diferentes maneras para obtener la fecha y la hora según el requisito. Esta sección contiene todos los métodos posibles para crear un objeto 'Fecha' para obtener la fecha y la hora especificadas.

Sigamos con el primer método.



Método 1: nueva fecha ()

De forma predeterminada, si no se pasa ningún valor en el constructor 'Date()', devuelve la fecha y hora del sistema del usuario:

dejar fecha = nuevo Fecha ( ) ;

consola. registro ( 'Fecha = ' + fecha ) ;

En el código anterior:

  • El ' fecha La variable ” crea un “ Fecha ” utilizando la palabra clave “nuevo” y el constructor “Fecha()”.
  • El ' consola.log() El método muestra el valor de la variable 'fecha', es decir, la fecha y hora actuales con la declaración especificada.

Producción

Compilar el ' .ts ” utilizando el compilador “tsc” y ejecute el archivo compilado generado que tiene el “ .js ” extensión con la ayuda del comando “nodo”:

tsc principal. t

nodo principal. js

Aquí, el terminal muestra la fecha y la hora del sistema del usuario, así como la zona horaria.

Método 2: nueva fecha (milisegundos)

La 'nueva fecha (milisegundos)' crea un objeto de fecha que calcula la fecha y la hora desde '0' hasta el número de milisegundos especificado:

dejar fecha = nuevo Fecha ( 6112346789 ) ;

consola. registro ( 'Fecha = ' + fecha ) ;

Aquí, el constructor especifica el número de milisegundos como parámetro.

Producción

nodo principal. js

La fecha y la hora que se muestran arriba son de '0' a '6112346789' milisegundos.

Método 3: nueva fecha ('cadena de fecha')

Este método toma la fecha especificada en formato 'aa-mm-dd' como una cadena y la muestra como la nueva fecha:

dejar fecha = nuevo Fecha ( '2016-02-18' ) ;

consola. registro ( 'Fecha = ' + fecha ) ;

Aquí, el objeto 'Fecha' toma la fecha especificada como una cadena entre comillas dobles.

Producción

nodo principal. js

El terminal muestra el objeto Fecha recién creado.

Método 4: nueva fecha (año, mes, fecha, hora, minuto, segundo, milisegundo):

El último método permite a los usuarios crear un nuevo objeto de fecha de acuerdo con la fecha y la hora especificadas según el formato '(yy, mm, dd, hh, min, seg, milisegundos)':

dejar fecha = nuevo Fecha ( 2015 , 3 , 2 , 14 , 20 , 30 , 9 ) ;

consola. registro ( 'Fecha = ' + fecha ) ;

En el código anterior, la fecha y la hora se especifican de acuerdo con el formato indicado.

Producción

nodo principal. js

La salida crea un nuevo objeto que muestra la fecha y la hora especificadas según el formato dado.

¿Cuáles son los métodos y propiedades del objeto de fecha en TypeScript?

El ' Fecha El objeto ” viene con una amplia gama de métodos y propiedades que se enumeran a continuación:

Propiedades del objeto de fecha

prototipo Ayuda en la adición de propiedades y métodos al objeto Fecha.
constructor Se utiliza como una función que crea el prototipo del objeto.

Obtener y establecer métodos de objeto de fecha

obtenerMes() Devuelve el mes especificado en la fecha en función de la fecha local.
obtenerAñoCompleto() Muestra el año dado según la hora local.
obtenerMinutos() Especifica los minutos a partir de la fecha en particular.
getMilisegundos() Proporciona los milisegundos a partir de la fecha dada.
obtenerSegundos() Da el número de segundos según la fecha especificada.
Establece la fecha() Establece el día/fecha del mes para la fecha particular según la hora local.
establecerhoras() Especifica las horas deseadas para la fecha.
establecerMinutos() Establece los minutos para la fecha especificada.
establecerSegundos() Establece el número de segundos en función de la hora local.
establecerAño() Establece el año requerido en función de la hora local.

Para obtener más métodos, siga el tutorial dado ' Fecha Métodos Referencia ”.

¿Cómo usar el objeto de fecha en TypeScript?

Como la sección anterior define una lista de métodos de objeto 'Fecha'. Usemos el objeto Fecha con estos métodos para explicar su implementación práctica.

Ejemplo 1: establecer fecha, mes y año específicos

Este ejemplo utiliza los métodos 'setdate()', 'setMonth()' y 'setFullYear()' del objeto 'Date' para establecer la fecha especificada.

Código

Copie estas líneas de código en el archivo '.ts':

dejar fecha : Fecha = nuevo Fecha ( ) ;

fecha. Establece la fecha ( 5 ) ;

fecha. establecerMes ( 11 ) ;

fecha. establecerFullYear ( 2014 ) ;

consola. registro ( 'Año =' + fecha. getFullYear ( ) ) ;

consola. registro ( 'Fecha = ' + fecha. obtener la fecha ( ) ) ;

consola. registro ( 'Mes = ' + fecha. obtenerMes ( ) )

consola. registro ( ' Nueva Fecha = ' + fecha ) ;

En las líneas de código anteriores:

  • Primero, crea un “ Fecha ” con la ayuda de la palabra clave “nuevo” y el constructor “Fecha()” almacenado en la variable “fecha”.
  • A continuación, asocie la variable 'fecha' con los métodos especificados uno por uno. El ' Establece la fecha() El método ” establece la Fecha del mes, el “ establecerMes() ” establece el mes, y el “ establecerAñoCompleto() El método ” establece el año.
  • Después de eso, muestre la nueva Fecha con la ayuda del método 'console.log()' usando el ' obtenerAñoCompleto() ”, “ obtener la fecha() ', y ' obtenerMes() ' métodos.

Producción

nodo principal. js

En el resultado se ve que el objeto Date devuelve la fecha, el mes y el año recién establecidos.

Ejemplo 2: establecer horas, minutos y segundos específicos

Este ejemplo utiliza los métodos 'setHours()', 'setMinutes()' y 'setSeconds()' del objeto Date para establecer la hora deseada:

dejar fecha : Fecha = nuevo Fecha ( ) ;

fecha. establecerhoras ( 8 ) ;

fecha. establecerMinutos ( 12 ) ;

fecha. establecer segundos ( 20 ) ;

consola. registro ( 'Horas = ' + fecha. obtenerhoras ( ) ) ;

consola. registro ( 'Minutos = ' + fecha. obtenerMinutos ( ) ) ;

consola. registro ( 'Segundos = ' + fecha. obtenerSegundos ( ) ) ;

consola. registro ( 'Fecha y Hora = ' + fecha ) ;

De acuerdo con el fragmento de código anterior:

  • El ' establecerHoras() El método ” establece el número de horas, “ establecerMinutos() ” fija los minutos y el “ establecerSegundos() El método ” establece el número de segundos, respectivamente.
  • El ' obtenerHoras() ”, “ obtenerMinutos() ', y ' obtenerSegundos() Los métodos devuelven las horas, los minutos y los segundos recién establecidos como tiempo.

Producción

nodo principal. js

El resultado muestra la nueva hora establecida mediante los métodos del objeto Fecha.

Ejemplo 3: Obtener la fecha y la hora actuales utilizando las convenciones locales

Este ejemplo usa el método “toLocaleString()” para mostrar la fecha y hora actual como una convención local:

dejar fecha = nuevo Fecha ( ) ;

consola. registro ( 'Fecha y Hora = ' + fecha. toLocaleString ( ) ) ;

En las líneas de código anteriores, vincule el método 'toLocaleString()' con la variable para devolver una cadena con una representación sensible al idioma de la fecha actual.

Producción

nodo principal. js

Como se ve, la salida muestra la fecha y la hora actuales usando la convención local.

Ejemplo 4: valor primitivo de objeto de fecha de retorno

Este ejemplo aplica el “ valor de() ” para devolver el objeto Fecha como un valor primitivo:

dejar fecha = nuevo Fecha ( ) ;

consola. registro ( 'Fecha y Hora = ' + fecha. valor de ( ) ) ;

En el fragmento de código anterior, el ' valor de() El método devuelve la salida del objeto Fecha en milisegundos desde la medianoche del '1 de enero de 1970, UTC'.

Producción

nodo principal. js

Aquí, los resultados devuelven el objeto Fecha como un valor primitivo.

Conclusión

En TypeScript, el ' Fecha El objeto ” corresponde a la fecha y hora del sistema local. Este objeto se puede crear para mostrar el resultado deseado con la ayuda de los cuatro métodos incorporados discutidos. Además, también proporciona una lista de métodos que se pueden aplicar para establecer y obtener la fecha y la hora según los requisitos. Esta publicación ilustró profundamente el propósito, el uso y la implementación práctica del objeto Date en TypeScript.