el-date-picker type等于month时要在input同时显示本月第一天和最后一天应该怎么做
时间: 2023-02-10 12:42:24 浏览: 114
返回给定日期当月的第一天、最后一天的日期
5星 · 资源好评率100%
如果你使用的是 Vue.js,你可以使用 `v-model` 指令将 el-date-picker 绑定到一个数据属性上,然后通过监听该数据属性的变化来获取本月的第一天和最后一天。
具体来说,你可以在 data 中定义一个 date 属性,并在 el-date-picker 上使用 `v-model` 绑定:
```
<template>
<el-date-picker v-model="date" type="month"></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: null
}
}
}
</script>
```
然后,你可以在 computed 属性中利用 JavaScript 的 Date 对象来获取本月的第一天和最后一天:
```
computed: {
firstDay() {
// 创建一个新的日期对象,表示本月的第一天
const firstDay = new Date(this.date)
firstDay.setDate(1)
return firstDay
},
lastDay() {
// 创建一个新的日期对象,表示本月的最后一天
const lastDay = new Date(this.date)
lastDay.setMonth(lastDay.getMonth() + 1)
lastDay.setDate(0)
return lastDay
}
}
```
你可以将 `firstDay` 和 `lastDay` 作为其他组件的 props 或者在模板中直接使用。
如果你使用的是其他框架或者不使用框架,可以使用类似的方法来获取本月的第一天和最后一天。
阅读全文