el-date-picker选择月份

### 使用 `el-date-picker` 组件选择月份

为了实现仅选择月份而不涉及具体日期的功能，在 Element Plus 中可以配置 `el-date-picker` 的属性来满足这一需求。对于只选月份的情况，设置 `type="month"` 是必要的[^1]。

下面是一个具体的例子展示如何配置该组件用于选择月份：

<template>
  <div class="demo">
    <!-- 月份选择器 -->
    <el-date-picker
      type="month"
      placeholder="选择月"
      v-model="formData.leaveFactoryDate"
      format="yyyy-MM"
      value-format="yyyy-MM"
    />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const formData = ref({
  leaveFactoryDate: ''
})
</script>

在这个示例中，设置了 `type="month"` 来指定这是一个月份选择器；同时指定了 `format="yyyy-MM"` 和 `value-format="yyyy-MM"` 属性以确保用户界面显示以及内部处理的数据都采用年份-月份的形式[^2]。

这样做能够防止因为时区差异而导致的时间戳转换问题，从而保证提交给服务器端的数据格式统一且正确。