点击调用时间选择器 element

最近页面需求点击选择月份导出数据.

就是点击这个按钮 调起时间选择器.

1. 我第一想法就是点击按钮调用api来调用控件…但是查找文旦发现没有这个使用api调用的方法…
2. 但是看过大佬的操作后…就另辟蹊径了---- 按钮内 嵌套 时间选择器 控件. 如下

<el-button class="month_export" type="primary"  size="mini">导出数据
    <el-date-picker
		v-model="date"
		@change="batchWithdrawalCommission"
		:picker-options="pickerOptions"
		type="month"
		size="small"
		format="yyyy-MM"
		value-format="yyyy-MM"
		placeholder="选择月">
    </el-date-picker>
</el-button>


batchWithdrawalCommission(val) {
	console.log(val)  // 选择的时间
	/*
		在这里做选择时间后的操作.
	*/
}
---------------------------------------

// 隐藏时间选择器控件.让其隐藏到button里面.
.month_export {
    position: relative !important;
    .el-date-editor{
        background-color: darkblue !important;
        width: auto !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 0;
    }
}