element-ui 使用 el-date-picker 如何限制时间选择范围?

使用 pickerOptions 属性绑定该属性下的 disabledDate 方法,可以获取到当前选中的时间

示例代码,以下是限制只能选择今天及以后的日期

复制代码
<el-date-picker
          v-if="item.inputType === 'date'"
          v-model="item.value"
          size="mini"
          type="date"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          :picker-options="pickerOptions"
          :placeholder="item.placeholder"
          @input="changeVal(item.value, index)"
>
</el-date-picker>

// js
data () {
      return {
        pickerOptions: {
          disabledDate (time) {
            return time.getTime() < Date.now() - 86400000
          }
        }
      }
    },
复制代码

 

posted @   蓓蕾心晴  阅读(1255)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
历史上的今天:
2018-07-10 小程序中监听textarea或者input输入的值动态改变data中数组的对象的值
2018-07-10 小程序修改数组中对象的某个值或者修改对象值
点击右上角即可分享
微信分享提示