首页 > 其他分享 >el-date-picker 限制30天

el-date-picker 限制30天

时间:2024-02-22 16:57:12浏览次数:31  
标签:picker el const getTime 30 time date selectDate

      <el-date-picker
              v-model="dateRange"
              size="small"
              style="width: 240px"
              value-format="yyyy-MM-dd"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
            ></el-date-picker>
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.selectDate = minDate.getTime()
          if (maxDate) {
            this.selectDate = ''
          }
        },
        disabledDate: (time) => {
          if (this.selectDate !== '') {
            const one = 30 * 24 * 3600 * 1000
            const minTime = this.selectDate - one
            const maxTime = this.selectDate + one
            return time.getTime() < minTime || time.getTime() > maxTime
          }
        }

      },

 

标签:picker,el,const,getTime,30,time,date,selectDate
From: https://www.cnblogs.com/dianzan/p/18027690

相关文章

  • delphi7农历日历控件安装使用。
    链接:https://pan.baidu.com/s/1-ZJFRMT2z5_kti0LX7bHCw提取码:2anv  Delphi7在File菜单下,选择”OPEN…”打开ChnCalendars.dpk文件    ......
  • laravel 发送email 七牛附件
    useIlluminate\Support\Facades\Mail;useQiniu\Auth;privatestaticfunctionsendPdfEmailAnnex($path,$user){$auth=newAuth(env('QINIU_ACCESS_KEY'),env('QINIU_SECRET_KEY'));$expiry=3600;//有效期,单位:秒......
  • python 和shell 变量互相传递
    主要介绍python和shell变量互相传递方法,使用了环境变量、管道等方法。python->shell:1.环境变量importosvar=123或var='123'os.environ['var']=str(var)#environ的键值必须是字符串os.system('echo$var')2.字符串连接importospath='/root/a.txt'var=[1......
  • LM Studio装载模型时提示:You have 1 uncategorized model files
    使用LMStudio载入已经下载的模型的时候报错: 当前本地模型路径是默认的models路径,模型文件在models下面。 解决办法:在models目录下新建目录:Publisher\Repository即: 将模型文件移动到Repository中,重启LMStudio即可。......
  • docker-compose 安装部署ElasticSearch 和 Kibana 8.8.1
    docker-compose安装部署ElasticSearch和Kibana8.8.1一、容器编排脚本(docker-compose.yml)version:"3.1"#服务配置services:elasticsearch:container_name:elasticsearch-8.8.1image:docker.elastic.co/elasticsearch/elasticsearch:8.8.1#用来给容......
  • el-form表单使用pattern自定义校验规则
    //正则校验的正则表达式,这里注意正则表达式中的‘\’要使用‘\\’转义constpatterns={"name":"^[a-zA-Z_][0-9a-zA-Z_]{0,}$","tel":"^1[2-9]\\d{0,}$","email":"^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-......
  • 使用delete和Vue.delete删除数组元素的区别
    JavaScript中的delete运算符可以删除对象的属性,但是它不适用于数组。如果你试图使用delete运算符删除数组中的元素,你会发现该元素的值变为undefined,而数组的长度并没有改变。Vue.js提供了一个名为Vue.delete的方法,它可以帮助我们在删除数组元素时触发响应式更新。与原生JavaScrip......
  • 2024-02-21-物联网Shell语言(2-系统调用)
    2.系统调用2.1系统编程概述操作系统的职责:操作系统用来管理所有的资源,并将不同的设备和不同的程序关联起来Linux系统编程:在有操作系统打的环境下编程,并使用操作系统提供的系统调用及库函数,对系统资源进行访问系统编程就是为了让用户更方便的操作硬件设备,并且对硬件设备起到......
  • golang 读取excel 保存xml
    1、首先下载第三方excel读取库gogetgithub.com/xuri/excelize/v22、读取xml库,未使用默认xml库 gogetgithub.com/beevik/etreepackagemainimport( "fmt" "github.com/beevik/etree" "github.com/xuri/excelize/v2")funcLoadExcelAndSaveXML(){ ......
  • Vue学习笔记7--el和data的两种写法
    方式一:eldata  //方式一:eldata//constone=newVue({//el:'#root',//data:{//name:'vue',//mydata://{//oneAtt:'我是一个嵌套对象的属性哦',//......