Me gustaría verificar qué días son fines de semana en mi matriz. Por ahora solo logré verificar fechas individuales, y no toda la matriz a la vez.
Si es un fin de semana, me gustaría cambiar el color en mi gráfico de barras. Cualquier ayuda sería muy apreciada.
const dates = ['2022-07-15', '2022-07-16', '2022-07-17', '2022-07-18', '2022-07-19', '2022-07-20']
function isWeekend(date = new Date()) {
return date.getDay() === 6 || date.getDay() === 0;
}
const d1 = new Date(dates);
console.log(d1.getDay());
console.log(d1.isWeekend());
const data = {
labels: dates,
datasets: [
{
label: "Amount of Visitors",
data: [1, 4, 3, 7, 5, 2],
backgroundColor: "rgba(255, 99, 132, 0.5)",
},
],
};
Su función isWeekend se ve bien (ignorando el soporte de zona horaria), probablemente solo necesite configurar los colores de fondo en su gráfico de barras:
const data = {
labels: dates,
datasets: [
{
label: 'Amount of Visitors',
data: [1, 4, 3, 7, 5, 2],
backgroundColor({ dataIndex }) {
return isWeekend(new Date(dates[dataIndex])) ? 'green' : 'red';
},
},
],
};
https://codesandbox.io/s/check-for-dates-on-weekends-dv07np?file=/src/Visitors.js
const dates = ['2022-07-15', '2022-07-16', '2022-07-17', '2022-07-18', '2022-07-19', '2022-07-20'];
function isWeekEnd(date){
var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
var day = new Date(date);
var dayName = days[day.getDay()];
console.log(dayName);
switch (dayName) {
case 'Friday':
return true
break;
case "Saturday":
return true
break;
default:
return false
}
}
for(var i=0;i<dates.length;i++){
console.log(isWeekEnd(dates[i]));
}