element-el-time-picker 开始时间-结束时间-回显(整理)

简介: element-el-time-picker 开始时间-结束时间-回显(整理)
选择尅是时间结束时间。
<el-form-item label="上午阶段">
  <el-time-picker is-range v-model="form.time1" range-separator="至" start-placeholder="开始时间"
    end-placeholder="结束时间" placeholder="选择时间范围" value-format="HH:mm:ss">
  </el-time-picker>
</el-form-item>
form: {
  time1: [],
}
数据回显时:
this.$set(this.form,'time1',[res.data.morningStart,res.data.morningEnd]);
this.$set(this.form,'time2',[res.data.afternoonStart,res.data.afternoonEnd]);
接口传值:
this.form.morningStart = this.form.time1[0]; //上午开始时间
this.form.morningEnd = this.form.time1[1]; //上午结束时间

相关文章
|
前端开发
vue3 中wangEditor富文本编辑器上传图片功能
vue3 中wangEditor富文本编辑器上传图片功能
1482 0
|
关系型数据库 MySQL 数据库
Element el-date-picker 日期选择器详解
本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位 5. 选择多个日期 6. 带快捷选项 7. 禁用部分日期 8. 小结
7135 0
Element el-date-picker 日期选择器详解
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
6057 0
|
10月前
|
弹性计算 监控 CDN
阿里云CDN如何设置云监控报警规则?
通过云监控为CDN域名设置报警规则,实时监控流量、状态码等指标,异常时及时告警,助力快速定位与处理问题,保障服务稳定。
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
606 0
|
JavaScript 前端开发 Unix
|
前端开发 数据格式
vue+element-plus上传图片功能以及回显问题还有数量限制
vue+element-plus上传图片功能以及回显问题还有数量限制
1168 0
|
JavaScript 网络架构
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
3521 4
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
4243 1