element-plus的type类型为daterange的时候限制时间选择

对于 Element Plus 的日期时间范围选择组件(el-date-pickertype 设置为 "daterange"),你可以使用 :picker-options 属性来设置选项,通过 disabledDate 函数来禁止选择当前时间之前的日期。

下面是一个 el-date-pickertype"daterange")的示例,它禁止选择今天之前的日期:

<el-date-picker
  v-model="dateRange"
  :picker-options="pickerOptions"
  type="daterange"
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期">
</el-date-picker>
 
import { ref } from 'vue'

export default {
  setup() {
    const dateRange = ref([])

    const pickerOptions = {
      disabledDate(time) {
        const today = new Date()
        return time.getTime() < today.setHours(0, 0, 0, 0) // 禁止选择今天之前的日期
      }
    }

    return {
      dateRange,
      pickerOptions
    }
  }
}
posted @   干饭吧  阅读(911)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示