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的话,有概率的会出现选择日期后,控件上并没有显示出来

相关推荐
Amumu121381 小时前
Vue脚手架(二)
前端·javascript·vue.js
lichenyang4532 小时前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记2 小时前
Hooks、状态管理
前端·javascript·react.js
比特森林探险记3 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
海绵宝龙3 小时前
Vue中nextTick
前端·javascript·vue.js
H_z_q24014 小时前
Web前端制作一个评论发布案例
前端·javascript·css
摘星编程4 小时前
React Native + OpenHarmony:useId唯一标识生成
javascript·react native·react.js
2603_949462104 小时前
Flutter for OpenHarmony社团管理App实战:消息中心实现
android·javascript·flutter
qq_12498707535 小时前
基于springboot的会议室预订系统设计与实现(源码+论文+部署+安装)
java·vue.js·spring boot·后端·信息可视化·毕业设计·计算机毕业设计
萧曵 丶5 小时前
JavaScript 函数各种写法和场景
开发语言·javascript·ecmascript