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

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
Sobre Fábio dos Reis (1118 Artigos)
Fábio dos Reis trabalha com tecnologias variadas há mais de 25 anos, tendo atuado nos campos de Eletrônica, Telecomunicações, Programação de Computadores e Redes de Dados. É um entusiasta de Unix, Linux e Open Source em geral, adora Eletrônica e Astronomia, e estuda idiomas, além de ministrar cursos e palestras sobre diversas tecnologias em São Paulo e outras cidades do Brasil.
Contato: Website

Escreva um comentário

Seu e-mail não será divulgado


*