<el-button class="hide_input" size="small">日
<el-date-picker
@change="dateChenge"//时间发生变化触发方法
v-model="dateDay"//绑定值
type="date"//选择器类型
value-format="yyyy-MM-dd">//日期格式
</el-date-picker>
</el-button>
-----------------------------------------------------------------------------------------------------------
dateChenge(date){
console.log(date); //选择的时间
}
-----------------------------------------------------------------------------------------------------------
//隐藏的CSS代码
/*按钮日期选择器隐藏ipnut*/
.hide_input{
position: relative !important;
}
//修改控件自带的css
.hide_input .el-date-editor {
position: absolute ;//绝对定位
top: 0 ;
left: 0 ;
opacity: 0;//设置完全透明
}
07-02
7402
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
09-10
7462
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
11-15
5780
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)