在antd的日期选择器上显示假期

时间:2018-11-30 03:39:38

标签: datepicker antd

有人可以告诉我如何通过从服务器获取假期信息来使用antd-datepicker显示假期。

在调用dateRender回调之前,我想获取假期信息的开始日期和结束日期。

1 个答案:

答案 0 :(得分:0)

尝试从example进行以下选择:

<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)函数,以检查“日期”是否在“假期日期”列表中。如果存在,则返回true。否则错误。

让我知道您是否需要获取日期和比较日期方面的帮助。