Element UI / Arco 禁用时间段（date-picker）

“玫瑰无原则 ”

已于 2022-12-16 18:30:57 修改

阅读量753

点赞数 1

分类专栏： Vue 文章标签： vue.js 前端 javascript

于 2022-07-30 16:41:11 首次发布

本文链接：https://blog.csdn.net/m0_60273757/article/details/126074258

版权

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML

这是简写具体的配置根据自己的情况

<el-date-picker
         ....
        :picker-options="pickerOptions"
>
</el-date-picker>

JS

//这是一个时间处理库，npm可以安装
import "dayjs"

pickerOptions()
{ 
return {
          disabledDate(date) {
            //当你选择时间的时候会被实时与禁用时间进行比较，可能会出现问题
            const beforDay = dayjs().subtract(10, 'days').startOf('day')
            //返回想要禁用时间的时间段
            return beforDay > date || date > Date.now()
          },
          shortcuts: [
            ....
          ]
        }
}