zoukankan      html  css  js  c++  java
  • elementUI日期组件限制日期范围 吴小明

    限制区间30天:

          pickerMinDate: '',
          pickerOptions: {
            onPick: ({ maxDate, minDate }) => {
              this.pickerMinDate = minDate.getTime()
              if (maxDate) this.pickerMinDate = ''
            },
            disabledDate: (time) => {
              if (this.pickerMinDate !== '') {
                const one = 30 * 24 * 3600 * 1000
                const minTime = this.pickerMinDate - one
                const maxTime = this.pickerMinDate + one
                return time.getTime() < minTime || time.getTime() > maxTime
              }
            }
          }

    限制区间30天,不能大于今日:

          pickerMinDate: '',
          pickerOptions: {
            onPick: ({ maxDate, minDate }) => {
              this.pickerMinDate = minDate.getTime()
              if (maxDate) this.pickerMinDate = ''
            },
            disabledDate: (time) => {
              if (this.pickerMinDate !== '') {
                const one = 30 * 24 * 3600 * 1000
                let minTime = this.pickerMinDate - one
                let maxTime = this.pickerMinDate + one
                if (maxTime > new Date()) maxTime = new Date() // 限制不能选择今天之后的日期
                return time.getTime() < minTime || time.getTime() > maxTime
              }
              return time.getTime() > Date.now()
            }
          }

    限制区间30天,不能小于今日:

          pickerMinDate: '',
          pickerOptions: {
            onPick: ({ maxDate, minDate }) => {
              this.pickerMinDate = minDate.getTime()
              if (maxDate) this.pickerMinDate = ''
            },
            disabledDate: (time) => {
              if (this.pickerMinDate !== '') {
                const one = 30 * 24 * 3600 * 1000
                let minTime = this.pickerMinDate - one
                let maxTime = this.pickerMinDate + one
                if (minTime < new Date()) minTime = new Date() // 限制不能选择今天之前的日期
                return time.getTime() < minTime || time.getTime() > maxTime
              }
              return time.getTime() < Date.now() - 8.64e7 // 加上 - 8.64e7 就可以选择今天
            }
          }

    选择今天及之前的日期:

          pickerOptions: {
            disabledDate: (time) => {
              return time.getTime() > Date.now()
            }
          }

    选择今天之前的日期:

          pickerOptions: {
            disabledDate: (time) => {
              return time.getTime() > Date.now() - 8.64e7
            }
          }

    选择今天及之后的日期:

          pickerOptions: {
            disabledDate: (time) => {
              return time.getTime() < Date.now() - 8.64e7
            }
          }

    选择今天之后的日期:

          pickerOptions: {
            disabledDate: (time) => {
              return time.getTime() < Date.now()
            }
          }

    结束日期不能大于开始日期:

  • 相关阅读:
    92 log4j日志记录
    35 反射封装占位
    34 jdbc工具封装
    33 mysql约束的增删
    32 Dao层和impl层
    31 jdbc查询,javaBean引入
    30 jdbc事务设置
    29 jdbc连接带数据操作 模板(直接复制来用)
    28 jdbc驱动包导入java项目及连接数据库流程
    27 MySQL与Oracle在语法上的一些不同点
  • 原文地址:https://www.cnblogs.com/wuqilang/p/15654978.html
Copyright © 2011-2022 走看看