Vue+elementUi的日期选择器 ,选择范围的限制不能大于或者小于当前时间

news/2024/7/24 10:24:24 标签: javascript, 前端

直接上干货!

  <el-form-item label="失效时间:" prop="failure">
         <el-date-picker v-model="ruleForm.failure" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptions">
         </el-date-picker>
 </el-form-item>

选择今天以及今天之后的日期

data (){ 
   return {
     pickerOptions: { 
         disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;//如果没有后面的-8.64e7就是不可以选择今天的 
         }
 },
    }
 }

选择今天以及今天以前的日期 同理 相反

data (){
   return {
       pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6;//如果没有后面的-8.64e6就是不可以选择今天的
          }
        },  
   }     
} 

最后 如果还想限制结束日期不能大于开始日期的话,请见下文
https://blog.csdn.net/CSDN_bare/article/details/107985390


http://www.niftyadmin.cn/n/874749.html

相关文章

shell export path_Shell脚本提高你的效率之变量篇

头条号&#xff1a;浩渺烟波Shell是一个命令行解释器&#xff0c;它为用户提供了一个向Linux内核发送请求以便运行程序的界面系统级程序&#xff0c;用户可以用shell来启动&#xff0c;挂起停止甚至编写一些程序。Shell 处在内核与外层应用程序之间&#xff0c;起着协调用户与系…

js 获取某一年份到当前年份的所有年份

最近碰到个关于年份的下拉框 后端只返回从哪一年开始&#xff0c;然后我们要回去当前年&#xff0c;以及这之间的几年 下面直接上代码&#xff0c;不懂请留言。 //获取到从那一年开始this.smallYears res.msg//获取当前时间var date new Date;this.nowYears date.getFullYe…

绵阳python培训_绵怎么组词

以此开头的词绵绵 绵羊 绵延 绵软 绵阳市 绵长 绵密 绵亘 绵绵不绝 绵力薄材 绵里藏针 绵延不断 绵薄 绵连 绵里薄材 绵蕞 绵子 绵缀 绵纸 绵远 绵羽 绵宇 绵衣 绵野 绵药 绵言细语 绵延起伏 绵延不绝 绵旋 绵絮 绵微 绵望 绵天 绵糖 绵叹 绵视 绵上 绵山 绵弱 绵绒 绵区 绵邈 …

解决element-ui的el-select组件文字超过宽度时不出现横向滚动条问题

目前遇到一个问题&#xff0c;在用el-select组件的时候&#xff0c;当选项的内容很长的时候&#xff0c;会撑开下拉菜单的宽度&#xff0c;过长导致满屏展示不下&#xff0c;这样影响美观。具体如下图所示&#xff1a; 具体如何解决呢 可以设置下拉菜单的最大宽度&#xff0c;…

js去除数组中重复对象

近期遇到一个项目&#xff0c;后台反的数据有重复&#xff0c;需要去重&#xff0c;去重的办法很多&#xff0c;这里用到了reduce去除数组中的重复数据&#xff0c;亲测可用 首先给大家看下我的数据格式 var list [{"id":"1","score":"基…

vue-element-admin关闭当前标签页

// 调用全局挂载的方法&#xff0c;关闭当前页this.$store.dispatch("tagsView/delView", this.$route);// 关闭之后跳转你要跳转的路由this.$router.push({ path: /bidderDeclaration })// 也可以 返回上一步路由this.$router.go(-1)

vue-quill-editor之图片上传、大小缩放及内容粘贴、长度限制

**摘要&#xff1a;**该富文本编辑器基于 vue-quill-editor进行的二次扩展&#xff0c;实现功能为: 富文本框图片上传功能拦截&#xff0c;上传到ali-oss。截屏之后&#xff0c;ctrlcv复制粘贴到富文本框文字输入长度限制内容高度自适应手动改变图片大小其余功能与富文本功能保…

js 判断对象里面有没有值

记录一下&#xff01; 方法一 var objthis.parmas if(Object.values(obj).length>0){// 有值 }else{// 无 }方法二 let arr [] for (let key in obj) { arr.push(obj[key]) }判断数组中对象是否存在某个值 var arr [{name: "张三",value: "0" …