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

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

阅读 2.7k
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或组件按钮怕有触发动作。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题