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

相关文章
|
关系型数据库 MySQL 数据库
Element el-date-picker 日期选择器详解
本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位 5. 选择多个日期 6. 带快捷选项 7. 禁用部分日期 8. 小结
7036 0
Element el-date-picker 日期选择器详解
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
3243 0
VUE element-ui下拉菜单el-select获取label值或value的值
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
5995 0
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
573 0
|
11月前
|
存储 JavaScript 前端开发
element ui <el-date-picker> 设置展示当前月
在 Element UI 中,使用 `el-date-picker` 的 `value-format` 属性可将日期值格式化为指定字符串。设置 `type=&quot;month&quot;` 时,绑定值默认为 Date 对象,通过 `value-format=&quot;yyyy-MM&quot;` 可将其转为如 &quot;2023-05&quot; 格式,便于存储与处理。
1513 0
|
JavaScript 前端开发 Unix
|
前端开发 JavaScript 开发者
利用 el-select 和 el-tree 实现树形结构多选框联动功能
本文详细介绍了如何使用ElementUI中的el-select下拉选择器和el-tree树形控件来实现多功能联动选择器,包括多选、删除、搜索、清空选项等功能。通过树形控件展示复杂的层级结构,用户可以通过下拉选择树形节点,实时搜索节点,且支持批量选择和删除功能。文中提供了完整的HTML、JavaScript和CSS代码实现,帮助开发者快速集成此功能。
6453 0
利用 el-select 和 el-tree 实现树形结构多选框联动功能
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
4033 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
JavaScript 网络架构
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
3442 4
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
4199 1