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

相关文章
|
开发框架 移动开发 小程序
uniapp实现上传文件功能
uniapp实现上传文件功能
1796 0
element-使用el-date-picker 选择日期后返回周几(整理)
element-使用el-date-picker 选择日期后返回周几(整理)
|
前端开发
vue3 中wangEditor富文本编辑器上传图片功能
vue3 中wangEditor富文本编辑器上传图片功能
1538 0
|
JavaScript
Element-ui中 使用图片查看器(el-image-viewer) 预览图片
Element-ui中 使用图片查看器(el-image-viewer) 预览图片
4440 1
Element-ui中 使用图片查看器(el-image-viewer) 预览图片
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
6165 0
|
4月前
|
安全 JavaScript 前端开发
《ZAKU渗透论:卓伊凡的2026渗透工程》第四章:Web攻击原理(下)——XSS、CSRF、文件上传漏洞
本章详解XSS、CSRF与文件上传三大Web漏洞:XSS通过注入恶意脚本窃取Cookie;CSRF伪造已登录用户请求执行非自愿操作;文件上传漏洞则因校验缺失致服务器被控。三者共性——过度信任用户输入。(239字)
495 10
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
642 0
|
JavaScript 前端开发 Unix
|
资源调度 JavaScript 前端开发
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
这篇文章介绍了在Vue 2项目中如何通过`v-viewer`插件实现图片的预览、切换、缩放、旋转等功能,并提供了插件的安装、配置和使用方法。
5698 0
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
1150 0

热门文章

最新文章