el-date-picker 仅选择月日

问题描述：

        在开发中，用户需求想要一个日期选择器，且仅选择月日，在element UI中并没有直接的月日选择器供使用。

解决办法：

        1、在年月日选择器中，通过隐藏标签来去除掉年。

        可以在浏览器标签元素中看到，他的1，3，5标签是上一年   年  下一年 按钮，将他隐藏，即可仅选择月日

<style lang="scss">
  /*选择日期，年份的隐藏 */
  .picker-dateNoneYear {
    .el-date-picker__header {
      span:nth-child(3) { /*第三个标签是span的标签，把它隐藏*/
        display: none;
      }
      button:nth-child(1) {
        display: none;
      }
      button:nth-child(5) {
        display: none;  
      }
    }
  }
</style>

        2、在用户选择完后，在选择框内仍有年，此时可以在el - date - pick 加上属性 format = "MM月dd日"  即可仅显示月日

<el-form-item label="起始日期" prop="startAt">
    <el-date-picker popper-class="picker-dateNoneYear" v-model="form.startAt"  clearable placeholder="请输起始日期" type="date"  format="MM月dd日"  value-format="MM-dd" />
</el-form-item>

        3、完成截图

启蒙文章：element日历组件只显示月和日，把年份隐藏掉_element月份多选 不显示年份-CSDN博客