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

相关推荐
henujolly43 分钟前
ethers.js读取合约信息
开发语言·javascript·区块链
wuhen_n1 小时前
高阶函数与泛型函数的类型体操
前端·javascript·typescript
POLITE32 小时前
Leetcode 437. 路径总和 III (Day 16)JavaScript
javascript·算法·leetcode
難釋懷2 小时前
解决状态登录刷新问题
java·开发语言·javascript
一起养小猫2 小时前
Flutter实战:从零实现俄罗斯方块(三)交互控制与事件处理
javascript·flutter·交互
lethelyh3 小时前
Vue day1
前端·javascript·vue.js
无风听海3 小时前
AngularJS中 then catch finally 的语义、执行规则与推荐写法
前端·javascript·angular.js
利刃大大3 小时前
【Vue】组件化 && 组件的注册 && App.vue
前端·javascript·vue.js
Whisper_Sy3 小时前
Flutter for OpenHarmony移动数据使用监管助手App实战 - 周报告实现
开发语言·javascript·网络·flutter·php
Anastasiozzzz3 小时前
leetcodehot100--最小栈 MinStack
java·javascript·算法