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]; //上午结束时间

相关文章
element-使用el-date-picker 选择日期后返回周几(整理)
element-使用el-date-picker 选择日期后返回周几(整理)
element-plus:el-date-picker日期只选择年月不要日
element-plus:el-date-picker日期只选择年月不要日
810 0
|
5月前
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
271 3
|
5月前
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
178 1
|
7月前
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
206 0
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
4233 0
|
7月前
el-date-picker组件的picker-options常规属性设置
el-date-picker组件的picker-options常规属性设置
element ui el-date-picker 禁止选择指定日期
element ui el-date-picker 禁止选择指定日期
278 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,