Obter a data de hoje em HTML

1. Use a função JavaScript Date() para obter a data atual em HTML
2. Obtenha a data atual no formato y/m/d em HTML
3. Obtenha a data atual usando o método JavaScript toLocaleDateString() em HTML

Neste artigo, apresentaremos alguns métodos para obter a data atual em HTML.

Use a função JavaScript Date() para obter a data atual em HTML

Podemos usar a função JavaScript Date() para obter a data atual. A função retorna a data e hora atuais. Podemos criar um contêiner HTML e exibir a data atual nele usando JavaScript. Usaremos a propriedade innerHTML para escrever a data em HTML.

Por exemplo, crie um div e defina current_date como seu id. Em seguida, escreva algum JavaScript dentro da tag script. Selecione current_id usando a propriedade getElementById e chame a função Date(). Use a propriedade innerHTML para escrever a data retornada em HTML.

O exemplo a seguir exibirá a data e a hora atuais, conforme mostrado na seção de saída abaixo. A saída contém o dia da semana, mês, dia, ano, hora, minuto, segundo e o GMT e as informações sobre o local.

Código de exemplo:

<div id="current_date">
    <script>
        document.getElementById("current_date").innerHTML = Date();
    </script>
</div>

Obtenha a data atual no formato y/m/d em HTML

Também podemos encontrar a data atual no formato y/m/d usando os vários métodos JavaScript Date(). Podemos obter o ano atual com o método getFullYear(), o mês atual com o método getMonth() e o dia atual com o método getDate(). Neste método, usaremos o objeto Date() para acessar essas várias funções. Podemos formatar a data da maneira que quisermos e exibi-la em uma página HTML usando a propriedade innerHTML.

Por exemplo, crie um div com o mesmo id do método acima. Em JavaScript, crie um objeto data da classe date. A seguir, crie três variáveis ​​year, month e day. Use o objeto date para chamar os métodos getFullYear(), getMonth() e getDate(), e armazene nas respectivas variáveis. Em seguida, use o objeto document e chame a propriedade getElementById para selecionar o id do div. Em seguida, defina o innerHTML para as variáveis ​​month, day e year separadas por uma barra.

Desta forma, podemos obter a data atual no formato m/d/y em HTML usando a classe JavaScript Date().

Código de exemplo:

<div id="current_date">
    <script>
        date = new Date();
        year = date.getFullYear();
        month = date.getMonth() + 1;
        day = date.getDate();
        document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
    </script>
</div>

Obtenha a data atual usando o método JavaScript toLocaleDateString() em HTML

Podemos usar a função JavaScript toLocaleDateString() para encontrar a data atual. A função toLocaleDateString() retorna a data atual de acordo com o idioma fornecido na função. Existem várias convenções específicas de linguagem e podemos definir a linguagem com a função toLocaleDateString(). A função assume dois parâmetros que são locales e options. Podemos especificar o idioma da saída pela opção locales. Por exemplo, podemos usar en-US para inglês americano e en-GB para inglês britânico.

Por exemplo, crie um div e escreva JavaScript dentro da tag script. Crie um objeto data da classe date e chame o método toLocaleDateString(). Em seguida, use document.write() para exibir a variável date.

Podemos ver a saída no formato m/d/y. Assim, podemos usar o método toLocaleDateString() para encontrar a data atual em HTML.

Código de exemplo:

<div>
    <script>
        date = new Date().toLocaleDateString();
        document.write(date);
    </script>
</div>