el-date-picker与el-time-picker的时间格式设置

<el-form-item label="Activity time">

<el-col :span="8">

<el-date-picker v-model="form.date1" :format="'yyyy-MM-DD'" value-format="yyyy-MM-dd" type="date" placeholder="Pick a date" style="width: 100%;" />

</el-col>

<el-col :span="3" class="line">-</el-col>

<el-col :span="8">

<el-time-picker v-model="form.date2" :format="'HH:mm'" value-format="HH:mm" type="fixed-time" placeholder="Pick a time" style="width: 100%;" />

</el-col>

</el-form-item>

<el-form-item label="Is Active" prop="isActic">

<el-switch v-model.trim="form.isActic" name="isActic"/>

</el-form-item>

界面显示使用:format="'yyyy-MM-DD'" :format="'HH:mm'"

传给后台的值用 value-format="yyyy-MM-dd" value-format="HH:mm"

el-date-picker如果没有设置:format的话,有概率的会出现选择日期后,控件上并没有显示出来

相关推荐
韩立学长20 小时前
【开题答辩实录分享】以《在线作业标准流程指导系统的设计与实现》为例进行选题答辩实录分享
java·javascript
百万蹄蹄向前冲21 小时前
2026云服务器从零 搭建与运维 指南
服务器·javascript·后端
桜吹雪21 小时前
Vue 基础:状态管理入门
前端·vue.js
坚持就完事了1 天前
JavaScript
开发语言·javascript·ecmascript
daqinzl1 天前
JavaScript连接WebSocket
javascript·websocket
POLITE31 天前
Leetcode 19. 删除链表的倒数第 N 个结点 JavaScript (Day 11)
javascript·leetcode·链表
前端小L1 天前
双指针专题(九):谁是窗口里的老大?——「滑动窗口最大值」
javascript·算法·双指针与滑动窗口
该换个名儿了1 天前
Vue3中,我的Watch为什么总监听不到数据?
前端·javascript·vue.js
坚持学习前端日记1 天前
桌面端与移动端JS桥技术对比及跨平台实现
开发语言·javascript·harmonyos
ahhdfjfdf1 天前
前端实现带滚动区域的 DOM 长截图导出
前端·javascript·react.js