首页 > 其他分享 >Element UI 日期控件范围限制

Element UI 日期控件范围限制

时间:2023-04-21 15:35:18浏览次数:43  
标签:控件 return getTime Element 日期 UI time

1、设置开始时间不能大于结束时间

<el-date-picker type="date" placeholder="开始时间" v-model="startTime" :picker-options="pickerOptionsStart"></el-date-picker>
<el-date-picker type="date" placeholder="结束时间" v-model="endTime"   :picker-options="pickerOptionsEnd"  ></el-date-picker>

 

data() {
  return {
    // 开始日期限制
    pickerOptionsStart: {
      disabledDate: (time) => {
        if (this.endTime) {
          return (
            time.getTime() >= new Date(this.endTime).getTime()
          );
        }
      }
    },
    // 结束日期限制
    pickerOptionsEnd: {
      disabledDate: (time) => {
        if (this.startTime) {
          return (
            time.getTime() <= new Date(this.startTime).getTime()
          );
        }
      }
    }
  }
}

 

标签:控件,return,getTime,Element,日期,UI,time
From: https://www.cnblogs.com/zjianfei/p/17340511.html

相关文章

  • 【汇智学堂】-Hadoop分布式集群安装验证-2(WEB UI查看)
    在HadoopMaster上启动Firefox浏览器,输入http://master:50070/,检查NameNode和DataNode是否正常,如下图则为正常。......
  • 升级element-plus
    之前用的是  "element-plus":"^1.0.2-beta.53"版本,什么都处理好了,但是会el-select里面使用v-if的时候控制台会报错查询以后我升级到:"element-plus":"^1.2.0-beta.6"不敢升级太高,毕竟项目快做完了,升级稳定版坑太多了,一个个补来不及,只能先小升级一下,升级后如下问题:el-selec......
  • JMeter入门教程(16)——非GUI运行
    文章目录1.任务背景2.任务目标3.任务实操1.任务背景JMeter的场景运行方式分为两种,一种是GUI(视窗运行,即我们可以看到的运行界面)方式,另一种是非GUI(命令窗口)方式运行,在Windows中我们可以在命令窗口运行。本篇我们来介绍以下非GUI运行方式:2.任务目标掌握JMeter性能测试工具——非GUI......
  • renpyGUI定制确认界面
    项目创建后默认的confirm界面代码,在screen.rpy文件中:screenconfirm(message,yes_action,no_action):##显示此界面时,确保其他界面无法输入。modalTruezorder200style_prefix"confirm"add"gui/overlay/confirm.png"frame:vb......
  • element-ui 的 table 组件 无法设置行高的问题?
    element-ui的table组件无法设置行高的问题因为需要改变table组件的行高;试了好多方法;包括官方文档提供的方法cell-style,cell-class-name,虽然能加上样式但是没有效果,不知道啥原因,最后发现td下面有个class为cell的div,于是修改如下.cell{max-height:94px!important;ove......
  • element-plus 输入框只能输入数字和小数
    只能输入数字:<el-inputoninput="value=value.replace(/[^0-9]/g,'')"placeholder="请输入">只能输入数字和两位小数(多余小数点会去掉)<el-inputoninput="value=value.replace(/[^0-9.]/g,'').replace(/\.{2,}/g,'.').replac......
  • Android-自定义控件
    原文地址zhuanlan.zhihu.com残枫cps​目录收起framelayout触发覆盖页面的点击事件SurfaceView自定义控件1.构造函数2.测量View大小(onMeasure)注意:3.确定View大小(onSizeChanged)4.确定子View布局位置(onLayout)5.绘制内容(onDraw)Android自定义控件之自定义组合控件前言:使......
  • uiautomator2+python-模拟安卓键盘输入
    这种方法通常用于不知道控件的情况下的输入。第一步需要切换输入法,然后发送adb广播命令,具体使用方法如下d.set_fastinput_ime(True)先清除掉文本框的内容d.press("back")为收起键盘,可能存在键盘阻挡住别的页面元素,需要收起键盘d=u2.connect()d.set_fastinput_ime(Tr......
  • Vue&Element-Ui(支技VUE2)&解决ttf, woff 文件报错的问题
    一、Vue&Element-Ui(支技VUE2)Vue是一套用于构建用户界面的渐进式JavaScript(主张最少)框架,开发者只需要关注视图层,它不仅易于上手,还便于与第三方库或既有项目的整合。是基于MVVM(Model-View-ViewModel即:视图层-视图模型层-模型层)设计思想。提供MVVM数据双向绑定的库,专注于UI......
  • C#基础 Guid NewGuid 产生重复概率极小的一串编号
     .NETFramework:4.7.2       IDE:VisualStudioCommunity2019        OS:Windows10x64    typesetting:Markdown codeusingSystem;namespaceConsoleApp{classProgram{staticvoidMain(string[]args){......