Data e Hora em JavaScript 03 – métodos set do objeto Date (setters)

Fábio dos Reis

9 anos atrás

Ajustando Data e Hora com setters do objeto Date em JavaScript

Métodos set do objeto Date (setters)

Os métodos set do objeto Date são utilizados para alterar (ajustar) partes da data e hora armazenada.

A tabela a seguir mostra os métodos setters mais comuns do objeto Date.

Método	Descrição
setDate()	Configura o dia do mês, entre 1 e 31
setFullYear()	Configura o ano com 4 dígitos
setHours()	Ajusta a hora, entre 0 e 23
setMilliseconds()	Configura os milissegundos, entre 0 e 999
setMinutes()	Configura os minutos da hora, entre 0 e 59
setMonth()	Configura o mês, entre 0 e 11 (0 é janeiro)
setSeconds()	Configura os segundos do minuto, entre 0 e 59
setTime()	Configura o tempo em milissegundos decorridos desde 01/01/1970

Exemplos de aplicação dos setters do objeto Date:

O código a seguir ilustra o uso dos métodos set do objeto Date em JavaScript:

<html>
<head>
<title>Datas em JavaScript: Setters</title>
</head>
<body>
<script>
// Array com os nomes dos meses do ano:
var mes = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
var semana = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];
var hoje = new Date(); //Data e hora atuais

// Exibindo os valores iniciais de data e hora no navegador:
document.write("Exibindo os valores iniciais de data e hora no navegador: </br>");
document.write("Dia do mês: ", hoje.getDate(), "<br/>");
document.write("Mês: ", mes[hoje.getMonth()], "<br/>");
document.write("Ano: ", hoje.getFullYear(), "<br/>");
document.write("Dia da semana: ", semana[hoje.getDay()], "<br/>");
document.write("Hora: ", hoje.getHours(), "<br/>");
document.write("Minutos: ", hoje.getMinutes(), "<br/>");
document.write("Segundos: ", hoje.getSeconds(), "<br/>");

// Função que permite alterar data e hora:
function alteraData() {
 hoje.setDate(document.getElementById("dia").value);
 hoje.setMonth(document.getElementById("mes").value - 1);
 hoje.setFullYear(document.getElementById("ano").value);
 alert("Data: " + semana[hoje.getDay()] + ", " + hoje.getDate() + " de " + mes[hoje.getMonth()] + " de " + hoje.getFullYear());
}
</script>

<form name="Datas">
<p>Preencha os campos a seguir para alterar a data e clique no botão "Alterar Data"</p>
<label>Dia:</label>
<input type="text" name="dia" id="dia" size=4 placeholder="Dia"/><br/>
<label>Mês:</label>
<select name="mes" id="mes">
 <option value="1">Janeiro</option>
 <option value="2">Fevereiro</option>
 <option value="3">Março</option>
 <option value="4">Abril</option>
 <option value="5">Maio</option>
 <option value="6">Junho</option>
 <option value="7">Julho</option>
 <option value="8">Agosto</option>
 <option value="9">Setembro</option>
 <option value="10">Outubro</option>
 <option value="11">Novembro</option>
 <option value="12">Dezembro</option>
</select>
<label>Ano:</label>
<input type="text" name="ano" id="ano" size=4 placeholder="Ano"/><br/>
<button name="alterarData" type="button" onclick="alteraData();">Alterar Data</button><br/>
</form>
</body>
</html>

Anterior: Visualizando Data e Hora com métodos get do objeto Date em JavaScript