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

相关推荐
思考着亮4 分钟前
formData
javascript
yoyoma44 分钟前
彻底搞懂 JavaScript 闭包:原理、陷阱与内存优化全解析
前端·javascript
茄汁面1 小时前
Angular(TypeScript ) 中基于 ExcelJS 实现导入模板下载功能(带样式与数据验证)
前端·javascript·node.js
前端九哥1 小时前
老板:就是你小子删光了try-catch?
前端·javascript
Achieve前端实验室1 小时前
深入浅出 ES Module
前端·javascript·前端框架
Onion1 小时前
BroadcastChannel 使用:优缺点、场景示例与最佳实践
前端·javascript
东东2331 小时前
搭建 Vite + React 服务端渲染(SSR)环境
前端·javascript·react.js
上车函予1 小时前
点击即扩散:使用 View Transition API 实现 UnoCSS 官网同款主题切换动画
前端·javascript·css
Asort1 小时前
React框架深度剖析:设计理念、核心机制与现代生态对比
前端·javascript·react.js
阿登林1 小时前
Unity3D与Three.js构建3D可视化模型技术对比分析
开发语言·javascript·3d