点击按钮弹出日期日期选择器

最新推荐文章于 2024-01-25 12:01:13 发布

森森i

最新推荐文章于 2024-01-25 12:01:13 发布

阅读量688

点赞数 2

文章标签： vue.js elementui 前端

本文链接：https://blog.youkuaiyun.com/qq_44783086/article/details/134836123

版权

<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;//设置完全透明
}