美文网首页我爱编程
Ant-design dataPicker组件所遇问题

Ant-design dataPicker组件所遇问题

作者: 微_______凉 | 来源:发表于2018-08-09 17:05 被阅读0次

    1 datePicker所加的className 类名作用的范围是输入框,不能控制展开的下拉框样式
    2 展开的日历框的位置是相对于body,并不在 <div id='root'>中,而且层级较高,为1050,超过了Modal组件的层级,官方提供的dropdownClassName 属性并不能加上类名,需用popupStyle加在DatePicker 上,可通过这种方法来解决层级过高的问题。
    3 Mode属性为year/mode 不能选中
    4 结合mode属性,Modal组件也是相对的body的组件,不在root范围内,层级为1000,层级问题可通过 wrapClassName 属性解决 ,但是如果多个modal覆盖出现,或modal中datePicker,也会出现层级问题,这时可以单个设置,也可以根据业务利用js直接提高 ,我在项目中有一个弹框是一定要显示在最上面,因此用的js控制。
    5.antd所增加的类名都会带有后缀,如果只是更改css没有影响,如果想利用js去控制css,需查询DOM去获取到真是的类名

    image.png
    但是我在代码中所加类名是 .web

    相关文章

      网友评论

        本文标题:Ant-design dataPicker组件所遇问题

        本文链接:https://www.haomeiwen.com/subject/nydcbftx.html