首页 > 其他分享 >element-ui 日期时间选择框picker-options如何禁用时间范围( 多个时间范围判断 )

element-ui 日期时间选择框picker-options如何禁用时间范围( 多个时间范围判断 )

时间:2023-06-30 17:37:03浏览次数:43  
标签:picker 禁用 element ui 时间 选择器

1. element-ui 算是我们在开发中用到最多的pc端 ui框架,今天公司正好有一个需要用到 date-picker 的日期插件

2. 需求是这样的:

  共有三个时间选择器,后一个时间选择器要结合前面一个时间的范围值,去做时间判断,禁用前面所选时间,保证不可有重复时间

  

  

   

 

  结果是这样子:(根据前者的结束时间,来禁用当前时间选择范围)

  

  

 3. 不多说:直接上代码:( 官方给的文档,全靠自己去猜,心累 )

  

  

   注意:在data(){} 定义当前对象,函数

  

   

  注意:每次前者的时间选择器发生变化,需要把后面的时间选择器value = “ ”  

      结束了,供参考

标签:picker,禁用,element,ui,时间,选择器
From: https://www.cnblogs.com/yuerdong/p/17517390.html

相关文章

  • element新增自定义rules验证
    data中添加属性//电话验证  constvalidatePass=(rule,value,callback)=>{   letvalueStr=value+''   if(valueStr.length!=11||!valueStr.startsWith('1')){    callback(newError('电话必须为1开头的11位数字!'))   }......
  • 软考成绩一般几天出来?快速了解出成绩时间!
    2023年上半年软考结束一个月了,很多考友都很关心出成绩的事,很想快点知道考试结果。那么,2023年5月软考成绩出来了吗?下面,我们一起来看看吧!2023年上半年软考成绩查询时间虽然每年软考成绩查询时间并不固定,但可以大致预测在什么时候,根据历年成绩查询时间判断,软考成绩查询时间与考试时间......
  • js获取 当前时间 当前零时 当月零时 当年零时
     constcurrentTime=newDate().getTime()//当前时间戳 constcurrentZero=newDate().setHours(0,0,0)//当天零时时间戳 constcurrentMonthFirstDayZero=newDate(newDate().setDate(1)).setHours(0,0,0)//当月第一天时间戳 constcurrentYearFirs......
  • MYSQL查询时间范围内的数据
    其中,table_name是要查询的表名,date_column是日期字段的列名。一周SELECT *FROM table_nameWHERE date_columnBETWEENDATE_SUB(CURDATE(),INTERVAL1WEEK)ANDCURDATE();一个月SELECT *FROM table_nameWHERE date_columnBETWEENDATE_SUB(CURDATE(),INTERV......
  • sql server 默认时间 创建时间 最后修改时间
      创建时间:将字段设置为datetime类型,并设置默认值为getdate()ALTERTABLE表名ADDcreateTimeSMALLDATETIMEDEFAULT(GETDATE())修改时间:通过触发器,在updateAfter后,使用如下语句实现:updatetableNamesetcolumnName=getdate()WHEREIDIN(SELECTDISTINCTIDFR......
  • Oracle与MySQL的最大连接数和超时时间查询与设置
    Oracle--查询最大连接数SELECTVALUEFROMv$parameterWHERENAME='processes';/*IDLE_TIME:限制每个会话所允许的最长连续空闲时间,超过这个时间会话将自动断开。(参数值是一个整数,单位是分钟,UNLIMITED不限制)CONNECT_TIME:限制指定会话的总运行时间限制,超过这个时间会话将......
  • CNN GRU 注意力 时序预测 基于加注意力机制(CNN-GRU-Attention)的时间序列预测程序,预测
    CNNGRU注意力时序预测基于加注意力机制(CNN-GRU-Attention)的时间序列预测程序,预测精度很高。可用于做风电功率预测,电力负荷预测,交通预测,负荷预测,经济预测,排放预测等标记注释清楚,可直接换数据运行。代码实现训练与测试精度分析。原创文章,转载请说明出处,资料来源:http://imgcs.......
  • XML PHP SimpleXMLElement Object数组转化为普通数组
    做微信第三方接口接入的时候发现接口返回的数据都是xml格式的。以下是如何把xml格式转化为普通的数组格式取值。xml格式数据:$xmlstr="<xml><mch_appid>".$data['mch_appid']."</mch_appid><mchid>".$data['mchid']."</mchid>......
  • ubuntu ntp服务(时间同步服务)
    aptinstallntp开启ntp服务器步骤编辑配置文件sudovim/etc/ntp.conf增加内容restrict0.0.0.0mask255.255.255.255nomodifynotrap作用:允许外网所有client(0.0.0.0代表任意IP,如果限制局域网那么更改对应网段)连接到这台服务器同步时间,但是拒绝他们修改服务器时间systemctls......
  • Element-plus的徽章组件el-badge
    Element-plus的徽章组件el-badgeElementPlus是一个基于Vue.js的UI组件库,它提供了一系列的常用UI组件供开发者使用。其中,徽章组件(el-badge)是其中之一。徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字,用于标记某种状态或者数量。徽章可以用于通知用户有......