vue中后台返回日期，前台用过滤器filter处理日期

最新推荐文章于 2022-03-09 13:18:33 发布

哈哈1133哈哈

最新推荐文章于 2022-03-09 13:18:33 发布

阅读量910

点赞数

本文链接：https://blog.csdn.net/weixin_43675173/article/details/102829583

版权

后台返回数据格式：2019-05-23 11:50:02；
前台需要的数据格式：在这里插入图片描述

Vue.filter('dataTime', function(value) {
    console.log(value)
    var value = new Date(value)
    if (!value)
        return '';
    if (value instanceof Date) {
        var d = value;
        var m = d.getMonth() + 1;
        var day = d.getDate() < 10 ? '0' + d.getDate() : d.getDate();
        var myDate = m + '-' + day;
        return myDate;
    } else {
        return value;
    }
})

<ul class="hrefUl rightHrefs" v-show="rightTab">
        <li class="hrefLi" v-for="(r,index) in rightHrefs_data" :key="index" @click="shouwinfor(r.keyid)">
          <a href="#" :title="r.hrefText">
            <p class="hrefText">{{r.title}}</p>
            <span class="hrefTime">{{r.createtime | dataTime}}</span>
          </a>
        </li>
      </ul>

其中，r.createtime 是后台的日期，dataTime为修改后的日期
即： {{r.createtime | dataTime}}