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

<el-date-picker>组件选择开始时间,结束时间自动延长30min

背景:选择开始时间,结束时间自动增加30分钟,结束时间也可重新选择,如图:

 

        <el-form-item label="预约开始时间" prop="value1"><el-date-pickersize="large"v-model="ruleForm.value1"type="datetime"placeholder="选择日期时间"@change="changeStartTime"></el-date-picker></el-form-item><el-form-item label="预约结束时间" prop="value2"><el-date-pickersize="large"v-model="ruleForm.value2"type="datetime"placeholder="选择日期时间"></el-date-picker></el-form-item>
ruleForm: {value1: '', //预约时间-开始value2: '', //预约时间-结束}//选择开始时间changeStartTime() {this.ruleForm.value2 = new Date( //将结束时间由时间戳化为标准时间this.ruleForm.value1.getTime() + 60 * 1000 * 30 //将开始时间化为时间戳,后增加30min即为结束时间的时间戳);},

http://www.lryc.cn/news/99622.html

相关文章:

  • eslint-webpack-plugin
  • logback中文一直是乱码,logback中文问号
  • C++之文件操作
  • CentOS 7.6安装 MongoDB 5.0.2
  • Windows下安装python3教程
  • opencv-27 阈值处理 cv2.threshold()
  • AAOS 音频焦点请求
  • 订单系统中的幂等实现
  • 三个常用查询:根据用户名 / token查询用户信息+链表分页条件查询
  • 列表、张量、向量和矩阵的关系
  • 华为数通HCIP-ISIS高级
  • CorelDraw怎么做立体字效果?CorelDraw制作漂亮的3d立体字教程
  • 大致了解Redis
  • javaweb会话技术
  • android app控制ros机器人三(android登录界面)
  • Android版本的发展4-13
  • 【2023.7.29】浅谈手办——新人入坑指南
  • 使用贝叶斯算法完成文档分类问题
  • 【Kafka】消息队列Kafka进阶
  • 学习day55
  • C++-Rust-一次性掌握两门语言
  • 汇编调用C语言定义的全局变量
  • WEB 文件包含 /伪协议
  • ComPDFKit PDF SDK库(支持Windows、Web、Android、iOS、Mac等平台)
  • 微服务契约测试框架-Pact
  • LightGlue论文翻译
  • iOS开发-CAShapeLayer与UIBezierPath实现微信首页的下拉菜单效果
  • 《Elasticsearch 源码解析与优化实战》第5章:选主流程
  • Spring Cloud Alibaba - Nacos源码分析(三)
  • DOCKER镜像和容器