单元格自定义的话据antd官方参数有两种方式dateCellRender追加和dateFullCellRender覆盖
顾名思义dateCellRender追加就是在原有的单元格基础上添加东西,图解
相较于dateCellRender追加数据的话dateFullCellRender就是完完全全的自己定义表格,图解
这张照片里面的数据都是自己用数据添加上去的,也不会向原有的日历一样多出来一点下个月才显示的数据
具体操作的话,下面会详解,首先我用的是覆盖单元格,这样的话里面的样式更易于操作
<Calendar
dateFullCellRender={value => this.dateCellRender(value)} //自定义覆盖日期单元格
onSelect={value => this.onSelect(value)} //点击选择日期回调
defaultValue={moment('-08-08')} //默认展示的日期
/>
根据antd官方方法,在这里定义数据
在这里渲染数据
以上就是目前所做自定义单元格的总结了,欢迎各位大神留言