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

相关推荐
炒毛豆25 分钟前
Vue 3 公共组件从封装到全局注册的极简指南
前端·javascript·vue.js
踩着两条虫26 分钟前
VTJ.PRO 在线应用开发平台前端架构
前端·vue.js·ai编程
踩着两条虫30 分钟前
VTJ.PRO 在线应用开发平台部署与运维
前端·vue.js·人工智能
_院长大人_39 分钟前
构建一个 Vue 基于el-input的磨损区间选择器组件 —— WearRangeSelector
前端·javascript·vue.js
遗憾随她而去.40 分钟前
前端 Vue 虚拟列表(Virtual List),从原理到实战
前端·javascript·vue.js
看客随心44 分钟前
element-ui table表格 tr间距\行间距设置
vue.js·ui·elementui
竹林8181 小时前
从零集成RainbowKit:我如何解决多链钱包连接中的“幽灵网络”问题
前端·javascript
痴心阿文1 小时前
npx create-next-app@latest从Vue迁移的最佳实践
开发语言·前端·javascript
四千岁1 小时前
极简 WSL2 教程:开发、部署大模型必备
前端·javascript
WebGISer_白茶乌龙桃1 小时前
基于 Cesium 的 GLB 建筑模型分层分房间点击拾取技术实现
前端·javascript·vue.js·webgl·cesium