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整理<el-calendar>日历组件-假期(整理)
element整理<el-calendar>日历组件-假期(整理)
|
6天前
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
14 0
|
6天前
|
JavaScript
vue实时显示当前年月日时分秒有时间单位的<script setup>写法
vue实时显示当前年月日时分秒有时间单位的<script setup>写法
48 0
|
6月前
element ui el-date-picker 禁止选择指定日期
element ui el-date-picker 禁止选择指定日期
37 0
|
8月前
|
JavaScript
JS在网页上显示当前日期和时间demo效果示例(整理)
JS在网页上显示当前日期和时间demo效果示例(整理)
|
10月前
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
2737 0
|
11月前
|
前端开发
Element UI Time Picker时间格式化及后端读取类(2023-03-02T00:00:12.000Z)数据
Element UI Time Picker时间格式化及后端读取类(2023-03-02T00:00:12.000Z)数据
131 0
|
JavaScript API
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
615 0