其他分享
首页 > 其他分享> > 日常开发记录-elementUI 时间选择器实现禁用指定时间功能

日常开发记录-elementUI 时间选择器实现禁用指定时间功能

作者:互联网

代码演示:

<template>   <div class="block">     <span class="demonstration">带快捷选项</span>     <el-date-picker       v-model="value2"       align="right"       type="date"       placeholder="选择日期"       :picker-options="pickerOptions"       format="yyyy-MM-dd"       value-format="yyyy-MM-dd">     </el-date-picker>   </div> </template>
<script> export default {   data () {     return {       pickerOptions: {         disabledDate (time) {           console.log(+new Date('2022-07-23')) // 1658534400000           // 方法一:           // return time.getTime() < new Date('2022-07-23').getTime()           // 方法二:更简洁           return time < +new Date('2022-07-23')         }       },       value1: '',       value2: ''     }   } } </script>

 效果展示:

 

标签:return,elementUI,getTime,禁用,export,time,console,选择器
来源: https://www.cnblogs.com/huguo/p/16516198.html