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
Escreva um comentário