发表于: 2019-12-28 23:57:31

1 933


今天完成的事情:

遇到了请求的数据的转化问题,时间戳的转化函数形式:

let TimeTure = function(len) {
      let time = new Date(len)
      let Y = time.getFullYear() + '-';
      let M = (time.getMonth()+1 < 10 ? '0'+(time.getMonth()+1: time.getMonth()+1+ '-'
      let D = time.getDate() + ' '
      let h = time.getHours() + ':'
      let m = time.getMinutes() + ':'
      let d = time.getSeconds()
      return Y + M + D + h + m + d
    }

还有一种简写的方式:

function time(time = +new Date()) {
    var date = new Date(time + 8 * 3600 * 1000); // 增加8小时
    return date.toJSON().substr(019).replace('T'' ');
  } 
  time();

Date的‘toJSON’方法返回格林威治时间的JSON格式字符串,实际是使用‘toISOString’方法的结果。字符串形如‘2018-08-09T10:20:54.396Z’,转化为北京时间需要额外增加八个时区,我们需要取字符串前19位,然后把‘T’替换为空格,即是我们需要的时间格式。

然后师兄还给了一个解决方案

在vue 里面自带一个filter对象,这个对象叫做vue的过滤器,可以在这个对象里面创建函数如下;

  filters: {
    TimeTurefunction(len){
      let time = new Date(len)
      let Y = time.getFullYear() + '-';
      let M = (time.getMonth()+1 < 10 ? '0'+(time.getMonth()+1: time.getMonth()+1+ '-'
      let D = time.getDate() + ' '
      let h = time.getHours() + ':'
      let m = time.getMinutes() + ':'
      let d = time.getSeconds()
      return Y + M + D + h + m + d
    }
  }

使用方法通过竖线连接:

<th v-for='item in items'>{{item | TimeTure}}</th>

然后就是今天遇到的一个vue的坑,vue组件引入sass或者css文件都是全局引入的,如果想要只在当前组件引入则需要在style标签里面加入scoed,表示只在当前组件引入

明天要做的事情:

继续任务7编写的,发现问题即是解决。


返回列表 返回列表
评论

    分享到