Dada una array de fechas de JavaScript. La tarea es obtener la fecha mínima y máxima de la array usando JavaScript.
Enfoque 1:
- Obtenga las fechas de JavaScript en una array.
- Use las funciones Math.max.apply() y Math.min.apply() para obtener las fechas máxima y mínima respectivamente.
Ejemplo: En este ejemplo, la fecha máxima y mínima está determinada por el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
JavaScript | Min/Max of dates in an array.
</title>
</head>
<body style = "text-align:center;" id = "body">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 19px; font-weight: bold;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"color: green; font-size: 24px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var dates = [];
dates.push(new Date("2019/06/25"));
dates.push(new Date("2019/06/26"));
dates.push(new Date("2019/06/27"));
dates.push(new Date("2019/06/28"));
el_up.innerHTML = dates[0] + "<br>" + dates[1]
+ "<br>" + dates[2] + "<br>" + dates[3];
function GFG_Fun() {
var maximumDate=new Date(Math.max.apply(null, dates));
var minimumDate=new Date(Math.min.apply(null, dates));
el_down.innerHTML = "Max date is - " + maximumDate
+ "<br>Min date is - " + minimumDate;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Obtenga las fechas de JavaScript en una array.
- Use el método reduce() en una array de fechas y defina la función respectiva para las fechas máximas y mínimas.
Ejemplo: En este ejemplo, la fecha máxima y mínima está determinada por el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
JavaScript | Min/Max of dates in an array.
</title>
</head>
<body style = "text-align:center;" id = "body">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 19px; font-weight: bold;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"color: green; font-size: 24px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var dates = [];
dates.push(new Date("2019/06/25"));
dates.push(new Date("2019/06/26"));
dates.push(new Date("2019/06/27"));
dates.push(new Date("2019/06/28"));
el_up.innerHTML = dates[0] + "<br>" + dates[1]
+ "<br>" + dates[2] + "<br>" + dates[3];
function GFG_Fun() {
var mnDate = dates.reduce(function (a, b) {
return a < b ? a : b;
});
var mxDate = dates.reduce(function (a, b) {
return a > b ? a : b;
});
el_down.innerHTML = "Max date is - " + mxDate
+ "<br>Min date is - " + mnDate;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA