element-ui时间日期选择器限制时间到分

王圣熙

已于 2022-12-04 18:47:07 修改

阅读量2.2k

点赞数 1

分类专栏：前端开发工具库类记录文章标签： javascript ecmascript es6 前端 vue.js

于 2022-06-30 20:58:22 首次发布

本文链接：https://blog.csdn.net/huozhezhennan/article/details/125548080

版权

前端开发工具库类记录专栏收录该内容

5 篇文章 0 订阅

订阅专栏

选择当前时间以及未来三个月限制到分钟

//组件写法
<el-date-picker v-model="mappingTime" type="datetime" placeholder="选择日期时间"  
:picker-options="pickerOptions"> </el-date-picker>

//组件的传入配置，Vue2版本的data里  Vue3写在setup里
     pickerOptions: {
        disabledDate(time) {
          let curDate = (new Date()).getTime();
          let three = 90 * 24 * 3600 * 1000;
          let threeMonths = curDate + three;
          return time.getTime() < Date.now() || time.getTime() > threeMonths;//选择当前时间之后和三个月内的
          // return time.getTime() > Date.now(); //选择当前时间之前的也写一下

        },
        //这个是限制分钟的
        selectableRange: `${moment().locale('zh-cn').format('HH:mm:ss')} - 23:59:59`
      },