La función interpolateDate() en D3.js se usa para devolver la función de interpolador que devuelve la fecha en función del valor dado en la función de interpolador. Esta función toma dos parámetros del objeto de fecha de Javascript.
Sintaxis:
interpolateDate(a, b);
Parámetros: Toma dos parámetros:
- a: Es el objeto de fecha de Javascript.
- b: Es el objeto de fecha de javascript.
Devoluciones : Devuelve la función interpoladora de las dos fechas dadas.
A continuación se dan algunos ejemplos de la función anterior.
Ejemplo 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--Fetching from CDN of D3.js -->
<script type = "text/javascript"
src =
"https://d3js.org/d3.v4.min.js">
</script>
<script>
try{
// Trying Simple date string
console.log(
d3.interpolateDate("01/01/2001", "01/02/2002")(0.26))
// Given end date only
console.log(
d3.interpolateDate(new Date(), new Date("01/01/2001"))(0.5))
// When both start and end date is given
console.log(
d3.interpolateDate(new Date("04/01/2001"), new Date("01/01/2001"))(2))
console.log(typeof d3.interpolateDate("2 asda", "13 geeks"))
}
catch(err){
throw err;
}
</script>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--Fetching from CDN of D3.js -->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
let startDate=new Date()
console.log("Start date: ", startDate);
let endDate=new Date();
endDate=endDate.setDate(endDate.getDate() - 3);
console.log("End date: ", endDate);
console.log(
d3.interpolateDate(startDate, endDate)(1))
</script>
</body>
</html>
Producción:
