el-date-picker与el-time-picker的时间格式设置代码
el-date-picker与el-time-picker的时间格式设置
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的话,有概率的会出现选择日期后,控件上并没有显示出来
vue的elementui的时间控件 如何设置输出时间格式(el-date-picker:日期选择器、日期时间选择器)
注:使用value-format
<el-date-picker class="topfontstyle" v-model="listMain.time" type="daterange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
到此这篇关于el-date-picker与el-time-picker的时间格式设置的文章就介绍到这了,更多相关el-date-picker与el-time-picker时间格式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
详解extract-text-webpack-plugin 的使用及安装
这篇文章主要介绍了详解extract-text-webpack-plugin 的使用及安装,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-06-06in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。2011-07-07
最新评论