ElementUI中时间选择器的时间需要进行格式化
Vue中时间格式化
moment.js官方文档
-
vue element-ui 组件开发大大提高了我们的效率,但有时候并不能满足我们的需求,例如时间,日期组件;element-ui 日期返回的格式是这样的,看下图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1cfb37ea3a6a3c317b4de18a11f406cd.png)
-
但我们要的是另一个格式 , 如下图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3c7efbf35e9af384b156c785c958b19b.png)
-
怎么解决?可以用一个插件 moment.js 解决:
-
引用,我这里是全局引用,并用原型链把方法挂到了vue上面,看下图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8de614ccc780bccd460e8bd066047dd2.png)
-
使用,看下图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b7bf0f3daee5faac0016562014a94b0a.png)
-
如果需要在其他工具类中使用时还需要进行引入:
import moment from 'moment'
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0a17d8a1959beaaf484c325e1999c8aa.png)