Um guia abrangente sobre objetos de data no TypeScript

Um Guia Abrangente Sobre Objetos De Data No Typescript



TypeScript é o superconjunto de JavaScript que vem com todas as funcionalidades do JavaScript, bem como as novas. Possui quase todos os métodos e propriedades integrados do JavaScript para executar várias funcionalidades. O funcionamento de todos esses métodos, propriedades e objetos é o mesmo no TypeScript. Portanto, o usuário pode usar qualquer um dos objetos JavaScript como um objeto TypeScript conforme os requisitos.

Esta postagem ilustra a finalidade, o uso e a implementação prática do objeto Date no TypeScript.

O que é um objeto de data no TypeScript?

O ' Data ” O objeto denota a data e a hora. Este objeto imprime a data e hora do sistema local por padrão. Ele também permite que os usuários definam uma data e hora específicas (incluindo fuso horário) de seu sistema com a ajuda de seus métodos predefinidos.







Sintaxe



deixar data = novo Data ( aaaa, mm, dd )

Na sintaxe acima, a palavra-chave “new” cria um objeto “Date” seguindo o formato de data especificado (aaaa(ano), mm(mês), dd(data)).



Vamos começar com a criação do Objeto “Data”.





Como criar um objeto de data no TypeScript?

O ' Data ” é um objeto dinâmico que pode ser implementado de diferentes maneiras para obter a data e a hora conforme a necessidade. Esta seção traz todos os métodos possíveis para criar um objeto “Data” para obter a data e hora especificadas.

Vamos prosseguir com o primeiro método.



Método 1: new Date()

Por padrão, se nenhum valor for passado no construtor “Date()”, ele retorna a data e hora do sistema do usuário:

deixar data = novo Data ( ) ;

console. registro ( 'Data = ' + data ) ;

No código acima:

  • O ' data ” variável cria um “ Data ” usando a palavra-chave “new” e o construtor “Date()”.
  • O ' console.log() ” exibe o valor da variável “date”, ou seja, a data e hora atuais com a instrução especificada.

Saída

Compilar o “ .ts ” usando o compilador “tsc” e execute o arquivo compilado gerado com a extensão “ .js ” extensão com a ajuda do comando “node”:

tsc principal. ts

nó principal. js

Aqui, o terminal mostra a data e hora do sistema do usuário, bem como o fuso horário.

Método 2: nova data (milissegundos)

O “new Date(milliseconds)” cria um objeto Date que calcula a data e a hora de “0” até o número de milissegundos especificados:

deixar data = novo Data ( 6112346789 ) ;

console. registro ( 'Data = ' + data ) ;

Aqui, o construtor especifica o número de milissegundos como parâmetro.

Saída

nó principal. js

A data e hora exibidas acima variam de “0” a “6112346789” milissegundos.

Método 3: new Date(“datestring”)

Este método pega a data especificada no formato “aaa-mm-dd” como uma string e a exibe como a nova data:

deixar data = novo Data ( '2016-02-18' ) ;

console. registro ( 'Data = ' + data ) ;

Aqui, o objeto “Date” considera a data especificada como uma string entre aspas duplas.

Saída

nó principal. js

O terminal mostra o objeto Date recém-criado.

Método 4: new Date(ano, mês, data, hora, minuto, segundo, milissegundo):

O último método permite que os usuários criem um novo objeto Date de acordo com a data e hora especificadas com base no formato “(aa, mm, dd, hh, min, seg, milissegundos)”:

deixar data = novo Data ( 2015 , 3 , 2 , 14 , vinte , 30 , 9 ) ;

console. registro ( 'Data = ' + data ) ;

No código acima, a data e a hora são especificadas de acordo com o formato indicado.

Saída

nó principal. js

A saída cria um novo objeto exibindo a data e hora especificadas com base no formato fornecido.

Quais são os métodos e propriedades do objeto Date no TypeScript?

O ' Data ” vem com uma ampla variedade de métodos e propriedades listados abaixo:

Propriedades do objeto de data

protótipo Ajuda na adição de propriedades e métodos ao objeto Date.
construtor É usado como uma função que cria o protótipo do objeto.

Obter e definir métodos de objeto de data

getMês() Ele retorna o mês especificado na data com base na data local.
getFullYear() Exibe o ano determinado de acordo com a hora local.
getMinutes() Ele especifica os minutos a partir da data específica.
getMilliseconds() Ele fornece os milissegundos a partir da data especificada.
getSeconds() Dá o número de segundos de acordo com a data especificada.
setData() Ele define o dia/data do mês para a data específica com base na hora local.
definirHoras() Especifica as horas desejadas para a data.
definirMinutos() Define os minutos para a data especificada.
setSeconds() Ele define o número de segundos com base na hora local.
setAno() Ele define o ano necessário com base na hora local.

Para mais métodos, siga o tutorial fornecido “ Referência de Métodos de Data ”.

Como usar o objeto de data no TypeScript?

Como a seção acima define uma lista de métodos de objeto “Data”. Vamos usar o objeto Date com esses métodos para explicar sua implementação prática.

Exemplo 1: Definir Data, Mês e Ano Específicos

Este exemplo usa os métodos “setdate()”, “setMonth()” e “setFullYear()” do objeto “Date” para definir a data especificada.

Código

Copie estas linhas de código no arquivo “.ts”:

deixar data : Data = novo Data ( ) ;

data. data marcada ( 5 ) ;

data. setMonth ( onze ) ;

data. setFullYear ( 2014 ) ;

console. registro ( 'Ano = ' + data. getFullYear ( ) ) ;

console. registro ( 'Data = ' + data. getData ( ) ) ;

console. registro ( 'Mês = ' + data. getMonth ( ) )

console. registro ( ' Nova data = ' + data ) ;

Nas linhas de código acima:

  • Primeiro, crie um “ Data ” com a ajuda da palavra-chave “new” e do construtor “Date()” armazenado na variável “date”.
  • Em seguida, associe a variável “data” aos métodos especificados um a um. O ' setData() ” define a data do mês, o método “ setMês() ” define o mês, e o “ setFullYear() ” define o ano.
  • Depois disso, exiba a nova Data com a ajuda do método “console.log()” usando o “ getFullYear() ”, “ getDate() ', e ' getMês() ' métodos.

Saída

nó principal. js

É visto na saída que o objeto Date retorna a data, o mês e o ano recém-definidos.

Exemplo 2: definir horas, minutos e segundos específicos

Este exemplo utiliza os métodos “setHours()”, “setMinutes()” e “setSeconds()” do objeto Date para definir a hora desejada:

deixar data : Data = novo Data ( ) ;

data. definirHoras ( 8 ) ;

data. definir minutos ( 12 ) ;

data. setSeconds ( vinte ) ;

console. registro ( 'Horas = ' + data. obterHoras ( ) ) ;

console. registro ( 'Minutos = ' + data. obterMinutos ( ) ) ;

console. registro ( 'Segundos = ' + data. getSeconds ( ) ) ;

console. registro ( 'Data e Hora = ' + data ) ;

De acordo com o trecho de código acima:

  • O ' definirHoras() ” método define o número de horas, “ definirMinutos() ” define os minutos e o “ setSeconds() ” define o número de segundos, respectivamente.
  • O ' getHoras() ”, “ getMinutes() ', e ' getSeconds() ” retornam as horas, minutos e segundos recém-configurados como hora.

Saída

nó principal. js

A saída mostra a nova hora definida usando os métodos do objeto Date.

Exemplo 3: obtenha a data e hora atuais usando convenções de localidade

Este exemplo usa o método “toLocaleString()” para exibir a data e hora atuais como uma convenção local:

deixar data = novo Data ( ) ;

console. registro ( 'Data e Hora = ' + data. toLocaleString ( ) ) ;

Nas linhas de código acima, vincule o método “toLocaleString()” à variável para retornar uma string com uma representação sensível ao idioma da data atual.

Saída

nó principal. js

Como visto, a saída mostra a data e hora atuais usando a convenção local.

Exemplo 4: valor primitivo do objeto de data de retorno

Este exemplo aplica o “ valor de() ” para retornar o objeto Date como um valor primitivo:

deixar data = novo Data ( ) ;

console. registro ( 'Data e Hora = ' + data. valor de ( ) ) ;

No trecho de código acima, o “ valor de() ” retorna a saída do objeto Date em milissegundos desde a meia-noite “1º de janeiro de 1970, UTC”.

Saída

nó principal. js

Aqui, os resultados retornam o objeto Date como um valor primitivo.

Conclusão

No TypeScript, o “ Data ” corresponde à data e hora do sistema local. Este objeto pode ser criado para exibir a saída desejada com a ajuda dos quatro métodos integrados discutidos. Além disso, também fornece uma lista de métodos que podem ser aplicados para definir e obter a data e a hora de acordo com os requisitos. Esta postagem ilustrou profundamente a finalidade, o uso e a implementação prática do objeto Date no TypeScript.