首页 > 其他 > 详细

element-ui el-date-picker 禁止时间选择,限制到时分秒

时间:2021-04-11 21:55:56      阅读:20      评论:0      收藏:0      [点我收藏+]
<el-date-picker
       v-model="expireDate"
       type="datetime"
       @change="handle"                  
       format=yyyy-MM-dd HH:mm:ss
       value-format=yyyy-MM-dd HH:mm:ss
       :picker-options="pickerOptions"
      placeholder="选择日期"
/>

data(){

return {

expireDate:‘‘,
   pickerOptions: {
         selectableRange:(()=>{
          let data=new Date();
                let hour=data.getHours();
                let minute=data.getMinutes();
                let second=data.getSeconds();
                return [`${hour}:${minute}:${second} - 23:59:59`]
          })(),
        disabledDate(time) {
            var date=new Date();
             date.setFullYear(date.getFullYear()+2);
             date.setDate(date.getDate()-1);
                 return (time.getTime() < Date.now() - 8.64e7)||(time.getTime()>date.getTime());
          }
      }

}

}

element-ui el-date-picker 禁止时间选择,限制到时分秒

原文:https://www.cnblogs.com/xiaofenguo/p/14644756.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!