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 日期选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
我们通常会用到脚手架vuecli创建项目,此时需要安装脚手架,下面这篇文章主要给大家介绍了关于vue脚手架安装以及安装失败问题的解决办法,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了vue DatePicker日期选择器时差8小时问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
.env文件是vue运行项目时的环境配置文件，这篇文章主要介绍了vue多环境配置之 .env配置文件,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了用Cordova打包Vue项目的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
这篇文章主要介绍了Vue中的文字换行问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了Element--el-tabs固定在顶部问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了你准备好迎接vue3.0了吗,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
防抖就是对于频繁触发的事件添加一个延时同时设定一个最小触发间隔,防抖大家都学过,但是如何在 Vue3 里中将防抖做到极致呢,下面小编就来和大家详细讲讲2023-10-10
利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）
本文主要介绍了利用Vue.js+Node.js+MongoDB实现一个博客系统，这个博客使用Vue做前端框架，Node+express做后端，数据库使用的是MongoDB。实现了用户注册、用户登录、博客管理、文章编辑、标签分类等功能，需要的朋友可以参考学习。2017-04-04
vant/vue手机端长按事件以及禁止长按弹出菜单实现方法详解
这篇文章主要介绍了vant/vue手机端长按事件以及禁止长按弹出菜单实现方法详解,需要的朋友可以参考下2022-12-12
最新评论