vue3+jsx+antd项目，ant design vue组件中日期组件的自定义格式

目标效果

实际效果

关键代码，直接从react版本的antd复制的代码，并修改了，current加上了moment(current)

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

分析原因

current 这个参数一直时重复的

终于排查到了

原来是，再ant design vue和vue3的配合中，自定义的格式化函数的参数，需要解构。

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