vue element-ui 选择日期组件 将标准日期时间格式化(转)

vue element-ui 的组件开发可以大大提升我们的开发效率,但有时并不能满足我们的需求,比如:时间、日期组件。
element-ui 日期返回的格式是这样的,看下图:

但是我们需要的是这种格式:

在此之前在我找了很多javascript原生方法,单由于较复杂,而弃用。
可以用一个插件 moment.js 解决

1:下载,安装

npm install moment --save

2:引用,我这里是全局引用,在main.js中并用原型链把方法挂到了vue上面,如下:
import Moment from 'moment'
Vue.prototype.moment = Moment

3:使用
self.form.topicTime[0] = this.moment(self.form.topicTime[0]).format("YYYY-MM-DD");
self.form.topicTime[1] = this.moment(self.form.topicTime[1]).format("YYYY-MM-DD");


作者:xi_ss
来源:CSDN
原文:https://blog.csdn.net/weixin_42470791/article/details/85607789

你可能感兴趣的:(vue element-ui 选择日期组件 将标准日期时间格式化(转))