elementUI 时间选择器，选择时间的时候只能选择每月的最后一天？

Question

时间选择器，选择时如何只能选择每个月的最后一天？

Answer 1

可以结合 date-picker 的 disabled-date 和 dayjs 来实现

<template>
  <el-date-picker
    v-model="value1"
    type="datetime"
    :disabled-date="isDateDisabled"
  />
</template>
<script setup>
import dayjs from 'dayjs'
const isDateDisabled = (date) => {
    const lastDay = dayjs(date).endOf('month') // 获取这个月最后一天
    return !dayjs().isSame(lastDay, 'day') // 判断该日期和这个月最后一天是否相等
}
</script>

Answer 2

先用月份选择器获取具体年月
然后再转换下 月份加1 日设为0