日期选择器 年 月

                               <el-date-picker
                        v-model="queryParams.year"
                        type="year"
                        format="yyyy"
                        value-format="yyyy"
                        placeholder="选择年"
                        :editable="false"
                        @click="getYear"
                      >
                      </el-date-picker>

                      <el-date-picker
                        v-model="queryParams.month"
                        popper-class="monthStyle"
                        value-format="MM"
                        format="MM"
                        type="month"
                        :editable="false"
                        @click="getMounth"
                        placeholder="选择月度"
                      >
                      </el-date-picker>


                            mounted() {
                this.getYear();
                this.getMounth();
              },
              methods: {
                // 获取当前年份
                getYear() {
                  var year = new Date().getFullYear() + "";
                  this.queryParams.year = year.toString();
                },
                //默认获取当前月份
                getMounth() {
                  var data = new Date();
                  var months = data.getMonth() + 1;
                  var toMonth = months >= 10 ? months : "0" + months;
                  this.queryParams.month = toMonth.toString();
                },

          

                                <style lang="scss">
                                // 月份上面的年不需要
                                .monthStyle {
                                  .el-date-picker__header--bordered {
                                    display: none !important;
                                    border: 1px solid red;
                                  }
                                }
                                </style>