如何在反应日期选择器中动态禁用天数

Posted 2023-05-08

【中文标题】如何在反应日期选择器中动态禁用天数

【英文标题】：How to dynamically disable days in react datepicker

【发布时间】：2021-02-14 03:15:32

【问题描述】：

我正在使用 React DatePicker 。我想禁用日期选择器中的天数。我可以通过像下面这样传递天数来做到这一点，所以星期一星期二和星期六被禁用。但是我如何动态地实现这一点？我能够形成这样的数组 var notAvailableDays=[1,2,6] // 这些天应该禁用。我如何立即退货？

const isWeekday = (date) => 
   const day = date.getDay(date);
   return day !== 1 && day !== 2 && day !== 6;
  

;

【参考方案1】：

你可以像这样进行数组查找

const notAvailableDays = [1,2,6];

const isDisabled = (date) => 
   const day = date.getDay(date);
   return notAvailableDays.includes(day);