el-date-picker月份范围隐藏年份和右侧日历框

element-ui官网上的el-date-picker月份范围是这样的

但是我只想要月份不显示年，并且隐藏掉右侧日历框

代码如下

 

<el-date-picker popper-class="due_month" v-model="form.periodMonth" type="monthrange"
				range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份"         
                value-format="MM" format="MM">
</el-date-picker>

<style lang="scss">
	.due_month .el-date-range-picker__header {
		display: none;
	}

	.due_month .el-date-range-picker__content.is-right {

		display: none;
	}

	.due_month .el-picker-panel__body {
		width: 200%;
	}

	
</style>

效果图

 关键部分如图所示

 popper-class里的类名一定要跟css里面的名字一样

解决。