Показывать праздники на датдере

Question

Может кто-нибудь сказать мне, как отображать праздники с помощью antd-datepicker, получая информацию о праздниках с сервера.

Перед тем, как позвонить в функцию обратного вызова dateRender, я хочу получить начальную дату и конечную дату информации о праздниках.

Answer 1

Попробуйте этот выбор из примера :

<DatePicker
   dateRender={(current) => {
    const style = {};
    if (InHolidayDates(current.date())) {
      style.border = '1px solid #1890ff';
      style.borderRadius = '50%';
    }
    return (
      <div className="ant-calendar-date" style={style}>
        {current.date()}
      </div>
    );
  }}/>

Напишите функцию InHolidayDates (date), которая проверяет, находится ли «date» в списке «Holidays Date».Если он существует, он возвращает истину.Остальное ложно.

Дайте мне знать, если вам нужна помощь в получении и сравнении дат.