vue elementui ＜el-date-picker＞日期选择框限制只能选择90天内的日期（包括今天）

本文主要是介绍vue elementui ＜el-date-picker＞日期选择框限制只能选择90天内的日期（包括今天），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

之前也写过其他限制日期的语句，感觉用dayjs()的subtract()和add()也挺方便易懂的，以此记录

安装dayjs   npm install dayjs --save

dayjs().add(value : Number, unit : String);
dayjs().add(7, 'day'); //在当前的基础上加7天

dayjs().subtract(value : Number, unit : String);
dayjs().subtract(7, 'day'); //在当前基础上减少7天

案例使用：

<template><el-date-pickerv-model="value1"type="date"placeholder="选择日期":picker-options="pickerOptions"></el-date-picker>
</template><script>
import dayjs from 'dayjs'export default {data() {return {pickerOptions: {disabledDate(time) {return dayjs().subtract(1, 'day') >= time || time >= dayjs().add(89, 'day');// 这是可以限制可选择今天之后的三个月内的日期（不包括今天）// return  dayjs() >= time  ||  time >=  dayjs().add(3, 'month')}},value1: ''};}};
</script>

 

这篇关于vue elementui ＜el-date-picker＞日期选择框限制只能选择90天内的日期（包括今天）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---