美文网首页
vue element-ui 选择日期组件 将标准日期时间格式化

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

作者: KoPa | 来源:发表于2019-05-20 16:03 被阅读0次

    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 选择日期组件 将标准日期时间格式化

          本文链接:https://www.haomeiwen.com/subject/iswkzqtx.html