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

相关推荐
weixin_456904272 分钟前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
BillKu3 分钟前
容器元素的滚动条回到顶部
前端·javascript·vue.js
weixin_423391936 分钟前
React 19 全面解析:颠覆性的新特性与实战指南
前端·javascript·react.js
weixin_423391936 分钟前
React Hooks 钩子
前端·javascript·react.js
CUGGZ6 分钟前
第三代 React,怎么玩?
前端·javascript·react.js
小爱同学_22 分钟前
从前端模块化历史到大厂面试题
前端·javascript·面试
雪中何以赠君别22 分钟前
AMD、CMD 和 ES6 Module 的区别与演进
前端·javascript
鱼钓猫25 分钟前
H5 电子签名组件
vue.js·canvas
禹曦a25 分钟前
JavaScript性能优化实战指南
开发语言·javascript·性能优化
Thetimezipsby1 小时前
基于Taro4打造的一款最新版微信小程序、H5的多端开发简单模板
前端·javascript·微信小程序·typescript·html5·taro