Element Plus 日期选择器获取选中的日期格式(当前日期/时间戳格式）
更新时间：2023年10月18日 15:09:23 作者：.星空.
如果想要获取选中的日期时间就需要通过,Element Plus 日期选择器 format属性和value-format属性,format指定输入框的格式,value-format 指定绑定值的格式,本篇文章就给大家介绍Element Plus 日期选择器获取选中的日期格式(当前日期/时间戳格式）,感兴趣的朋友一起看看吧
Element Plus的日期选择器如果没有进行处理，就会返回data格式:
1.转换为选中的日期
如果想要获取选中的日期时间就需要通过，Element Plus 日期选择器 format属性和value-format属性。
format指定输入框的格式。value-format指定绑定值的格式。
为日期选择器添加下面的代码，那么获取的值就会变成你选中的日期
format="YYYY/MM/DD"
value-format="YYYY-MM-DD"
<el-date-picker
v-model="value"
type="date"
placeholder="请选择时间"
format="YYYY/MM/DD"
value-format="YYYY-MM-DD"
/>效果图：
2.转换为时间戳格式
如果想要转换为时间戳格式，也是需要更改 value-format属性。将value-format属性改为：
value-format="x" 即可。
代码：
<el-date-picker
v-model="value"
type="date"
placeholder="请选择时间"
format="YYYY/MM/DD"
value-format="x"
/>效果图：
到此这篇关于Element Plus 日期选择器 获取选中的日期的格式（当前日期/时间戳格式）的文章就介绍到这了,更多相关Element Plus 日期选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了Vue3如何通过封装一个hooks实现实时获取麦克风音量功能,文中的示例代码讲解详细,需要的小伙伴可以参考一下2024-03-03
这篇文章主要给大家介绍了关于Vue组件库开发的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
这篇文章主要介绍了vue2.0+ 从插件开发到npm发布的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
本文介绍了基于Vue2和Element-UI实现的高级穿梭框组件Transfer的设计与技术方案,组件支持多项选择,并能实时同步已选择项,包含竖版和横版设计稿,并提供了组件的使用方法和源码,此组件具备本地分页和搜索功能,适用于需要在两个列表间进行数据选择和同步的场景2024-09-09
在本篇文章里小编给各位整理的是关于Vue打包后访问静态资源路径问题相关知识点，需要的朋友们学习下。2019-11-11
这篇文章主要介绍了详解Vue单元测试case写法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了Vue详细的入门笔记，对Vue感兴趣的同学，可以参考下2021-05-05
俄罗斯方块这个游戏相信大家都玩过,下面这篇文章主要给大家介绍了关于如何利用vue3实现一个俄罗斯方块的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-01-01
今天小编就为大家分享一篇vue 父组件通过$refs获取子组件的值和方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
Vue局部组件数据共享Vue.observable()的使用
随着组件的细化，就会遇到多组件状态共享的情况，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况，感兴趣的可以了解一下2021-06-06
最新评论