1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 关于Ant Design中Calendar日历组件单元格自定义问题

关于Ant Design中Calendar日历组件单元格自定义问题

时间:2024-03-05 22:13:09

相关推荐

关于Ant Design中Calendar日历组件单元格自定义问题

单元格自定义的话据antd官方参数有两种方式dateCellRender追加和dateFullCellRender覆盖

顾名思义dateCellRender追加就是在原有的单元格基础上添加东西,图解

相较于dateCellRender追加数据的话dateFullCellRender就是完完全全的自己定义表格,图解

这张照片里面的数据都是自己用数据添加上去的,也不会向原有的日历一样多出来一点下个月才显示的数据

具体操作的话,下面会详解,首先我用的是覆盖单元格,这样的话里面的样式更易于操作

<Calendar

dateFullCellRender={value => this.dateCellRender(value)} //自定义覆盖日期单元格

onSelect={value => this.onSelect(value)} //点击选择日期回调

defaultValue={moment('-08-08')} //默认展示的日期

/>

根据antd官方方法,在这里定义数据

在这里渲染数据

以上就是目前所做自定义单元格的总结了,欢迎各位大神留言

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。