Los métodos Establecer fecha le permiten establecer valores de fecha (años, meses, días, horas, minutos, segundos, milisegundos) para un objeto de fecha.
Los métodos de Establecer fecha se utilizan para establecer una parte de una fecha:
Establecer el día como un número (1-31)
Establecer el año (opcionalmente mes y día)
Establecer la hora (0-23)
Establecer los milisegundos (0-999)
Establecer los minutos (0-59)
Establecer el mes (0-11)
Establecer los segundos (0-59)
Establecer la hora (milisegundos desde el 1 de enero de 1970)
El método setFullYear() establece el año de un objeto de fecha. En este ejemplo para 2020:
const d = new Date();
d.setFullYear(2020);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setFullYear()</h2>
<p>The setFullYear() method sets the year of a date object:</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setFullYear(2020);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
El método setFullYear() puede opcionalmente establecer el mes y el día:
const d = new Date();
d.setFullYear(2020, 11, 3);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setFullYear()</h2>
<p>The setFullYear() method can optionally set month and day.</p>
<p>Please note that month counts from 0. December is month 11:</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
El método setMonth() establece el mes de un objeto de fecha (0-11):
const d = new Date();
d.setMonth(11);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setMonth()</h2>
<p>The setMonth() method sets the mont of a date object.</p>
<p>Note that months count from 0. December is month 11:</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
El método setDate() establece el día de un objeto de fecha (1-31):
const d = new Date();
d.setDate(15);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setDate()</h2>
<p>The setDate() method sets the day of a date object:</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
El método setDate() también se puede utilizar para añadir días a una fecha:
const d = new Date();
d.setDate(d.getDate() + 50);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setDate()</h2>
<p>The setDate() method can be used to add days to a date.</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
Si agregar días cambia el mes o el año, los cambios son manejados automáticamente por el objeto Fecha.
El método setHours() establece las horas de un objeto de fecha (0-23):
const d = new Date();
d.setHours(22);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setHours()</h2>
<p>The setHours() method sets the hours of a date object:</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
El método setMinutes() establece los minutos de un objeto de fecha (0-59):
const d = new Date();
d.setMinutes(30);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setMinutes()</h2>
<p>The setMinutes() method sets the minutes of a date object (0-59):</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
El método setSeconds() establece los segundos de un objeto de fecha (0-59):
const d = new Date();
d.setSeconds(30);Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setSeconds()</h2>
<p>The setSeconds() method sets the seconds of a date object (0-59):</p>
<p id="demo"></p>
<script>
const d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
Las fechas se pueden comparar fácilmente.
El siguiente ejemplo compara la fecha de hoy con el 14 de enero de 2100:
let text = "";
const today = new Date();
const someday = new Date();
someday.setFullYear(2100, 0, 14);
if (someday > today) {
text = "Today is before January 14, 2100.";
} else {
text = "Today is after January 14, 2100.";
}Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
let text;
const today = new Date();
const someday = new Date();
someday.setFullYear(2100, 0, 14);
if (someday > today) {
text = "Today is before January 14, 2100.";
} else {
text = "Today is after January 14, 2100.";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
JavaScript cuenta los meses del 0 al 11. Enero es 0. Diciembre es 11.
Para obtener una referencia completa de la fecha, visite nuestro:
Referencia completa de fechas de JavaScript.
La referencia contiene descripciones y ejemplos de todas las propiedades de fecha y métodos.