Vue中的el-date-picker时间选择器的使用实例详解
更新时间：2023年10月30日 11:13:56 作者：Pisces_224
el-date-picker是Element UI框架中提供的日期选择器组件,它支持单个日期、日期范围、时间、日期时间等多种选择方式,本文给大家介绍Vue中的el-date-picker时间选择器的使用,感兴趣的朋友一起看看吧
1、value-format属性设置需要什么格式的时间
2、type类型选择datetime、date
年月日时分秒
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="excelRuleForm.startTime"
type="datetime"
:placeholder="选择开始时间">
</el-date-picker>
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="excelRuleForm.endTime"
type="datetime"
:placeholder="选择结束时间">
</el-date-picker>
年月日
type类型改成date时，日期选择器就变成了年月日。
value-format不指定时，也默认时年月日。
到此这篇关于Vue中的el-date-picker时间选择器的使用的文章就介绍到这了,更多相关Vue时间选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本篇文章主要介绍了vuejs使用$emit和$on进行组件之间的传值的示例，具有一定的参考价值，有兴趣的可以了解一下2017-10-10
这篇文章主要介绍了Vue 原生实现右键菜单组件功能，本文给大家扩展知识点vue点击菜单以外区域，隐藏菜单操作，通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2019-12-12
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
这篇文章主要介绍了Vue项目中结合Vue-layer实现弹框式编辑功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
vuecli4插件svg-sprite-loader使用svg图标
这篇文章主要为大家介绍了vuecli4插件svg-sprite-loader使用svg图标示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
actions用来处理mutations中的异步操作,触发mutations中的函数,下面这篇文章主要给大家介绍了关于vuex新手进阶篇之actions的使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了vue插槽slot的简单理解与用法,结合实例形式分析了vue插槽slot的功能、原理、相关使用技巧与操作注意事项,需要的朋友可以参考下2020-03-03
路由跳转的同时传递参数是比较常见的,下面这篇文章主要给大家介绍了关于vue3路由配置以及路由跳转传参的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
router-view组件作为vue最核心的路由管理组件，在项目中作为路由管理经常被使用到，所以下面小编就来和大家详细聊聊router-view组件的具体使用方法，希望对大家有所帮助2023-06-06
这篇文章主要为大家详细介绍了基于Vue实现图书管理功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要介绍了vue如何根据不同的环境使用不同的接口地址问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
最新评论