ant design vue日期选择框如何直接触发日历弹框,没有输入框?

企业微信截图_16595056534246.png
当我点击设置的时候直接弹出日历,应该如何修改

阅读 2.9k
1 个回答

我个人思路:
1、用样式去掉input边框。

参考穿入样式
@deep: ~'>>>';
@{deep} .ant-input{
    border:none!important
}

2、组件文档suffix-icon属性

<a-date-picker suffix-icon="设置" @change="onChange" />

image.png

如果你执意非要弄个按钮,完美还原。

1、同里input边框样式设置一下。
2、a-date-picker设置左边布局z-index轴2, 按钮设置右边布局z-index轴1。input 背景色设置透明(反正底色是白色)懂我意思撒!就是障眼法。

备注:

按钮用div自己敲个css按钮,别用button、input或组件按钮怕有触发动作。

推荐问题