当前位置: 首页 > news >正文

elementui的el-date-picker选择日期范围第二个不能早于第一个

选择日期范围第二个不能早于第一个

          <el-form-item label="预计施工时间:" required><el-form:model="form":rules="constructionDateRules"ref="constructionRef"inline:hide-required-asterisk="false"><el-form-item prop="constructionStartDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionStartDate"type="date"placeholder="开工日期"style="width: 196px; margin-right: 8px"></el-date-picker></el-form-item><el-form-item prop="constructionEndDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionEndDate"type="date"placeholder="竣工日期"style="width: 196px":picker-options="pickerOptions"></el-date-picker></el-form-item></el-form></el-form-item>
data(){return {//判断时间选择上个选择时间之后的时间pickerOptions: {disabledDate: (time) => {if (this.form.constructionStartDate != "") {return (time.getTime() <new Date(this.form.constructionStartDate).getTime());}else{this.$message.warning('请先选择开工日期')}},},}
}

选择第一个日期不能早于今天
选择日期范围第二个不能早于第一个

          <el-form-item label="预计施工时间:" required><el-form:model="form":rules="constructionDateRules"ref="constructionRef"inline:hide-required-asterisk="false"><el-form-item prop="constructionStartDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionStartDate"type="date"placeholder="开工日期":picker-options="pickerOptions1"style="width: 196px; margin-right: 8px"></el-date-picker></el-form-item><el-form-item prop="constructionEndDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionEndDate"type="date"placeholder="竣工日期"style="width: 196px":picker-options="pickerOptions2"></el-date-picker></el-form-item></el-form></el-form-item>
data(){return {
pickerOptions1: {disabledDate(time) {var timeNow = Date.now()var before = timeNow - 24 * 60 * 60 * 1000return time.getTime() < before;},},//判断时间选择上个选择时间之后的时间pickerOptions2: {disabledDate: (time) => {var timeNow = Date.now()var before = timeNow - 24 * 60 * 60 * 1000if (this.form.jzdate != "") {return time.getTime() < new Date(this.form.jzdate).getTime() || time.getTime() < Date.now() - 8.64e7;}else{//还没有选择结束时间的时候,让他只能选择今天之后的时间包括今天return time.getTime() < before} }}}
}
http://www.lryc.cn/news/96822.html

相关文章:

  • 【NLP】无服务器问答系统
  • Dubbo
  • Java设计模式之策略(Strategy)模式
  • Vue引入CDN JS或本地JS文件之后 使用报错
  • NRF52832-扩展广播
  • springboot项目新增子module
  • Python Web 开发及 Django 总结
  • 《向量数据库指南》:向量数据库Pinecone故障排除
  • [86] 分割链表
  • 【python】 清空socket缓冲区
  • 108、RocketMQ的底层实现原理(不需要长篇大论)
  • 怎么把PDF转为word?1分钟解决难题
  • Mysql权限-系统表user,db,talbes_priv,columns_priv详解
  • GPT-4 模型详细教程
  • 智慧环保:创造绿色未来
  • 虚拟 DOM和render()函数和Vue.js模板语法
  • k8s Service网络详解(一)
  • 抖音账号矩阵系统开发源码
  • Python+Texturepacker自动化处理图片
  • K8s Service网络详解(二)
  • Rust vs Go:常用语法对比
  • Vlan端口隔离(第二十四课)
  • js实现框选截屏功能
  • Manjaro Linux 连接公司的 VPN 网络
  • Ama no Jaku
  • 视频基础知识
  • 安全渗透初级知识总结
  • rocketmq客户端本地日志文件过大调整配置(导致pod缓存cache过高)
  • Unity进阶-ui框架学习笔记
  • Django实现接口自动化平台(十四)测试用例模块Testcases序列化器及视图【持续更新中】