一般我们设置样式,直接 className={styles['xxx']} 就好了,但是呢,今天遇到一个问题,在f12调试下,代码放到本地文件,就是死活不生效,无法修改日期组件弹框里面的一些问题,最后经研究,发现:
1 datePicker所加的className 类名作用的范围是输入框,不能控制展开的下拉框样式
2 展开的日历框的位置是相对于body,并不在 <div id='root'>中,而且层级较高,为1050,超过了Modal组件的层级,官方提供的dropdownClassName 属性并不能加上类名,需用popupStyle加在DatePicker 上,可通过这种方法来解决层级过高的问题。
(参考:Ant-design dataPicker组件所遇问题 - 简书)
试了下,发现不是自己想要的,自己只是想修改弹框里面自定义时间范围按钮的样式,不过也算是有所发现。
<RangePicker
ranges={
{
'最近7天': [moment().startOf('day').subtract(6, 'd'), moment().endOf('day')],
'最近30天': [moment().startOf('d