提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
`提示:el-date-picker日期选择器时间选择范围限制
一、el-date-picker日期选择器时间选择范围限制(3个月)
示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。
二、代码如下
1.html代码如下:
<el-date-picker
v-model="formData.discount_time"
type="daterange"
style="width: 220px;"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
value-format="timestamp"
:default-time="['00:00:00', '23:59:59']"
>
</el-date-picker>
2.JavaScript代码如下
代码如下(示例):
pickerOptions: {
onPick: ({ maxDate, minDate }) => {
this.pickDate = minDate.getTime()
if (maxDate) {
this.pickDate = ''
}
},
disabledDate: time => {
let choiceDateTime = new Date(this.pickDate).getTime()
const minTime = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() - 3)
const maxTime = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() + 3)
const min = minTime
const max = maxTime
if (this.pickDate) {
return time.getTime() < min || time.getTime() > max
}
}
},