element ui 周选择器将选择时间转成yyyy-MM-dd ~ yyyy-MM-dd的格式

element ui 周选择器真的很想吐槽 选择的时间周格式只支持format不支持value-format,所以我们打印出来的还是日期,而不是页面展示的数据,为此找了很多处理周格式的方法,但是计算方式又不一样,最后还是处理成时间段来传值。如果大家有好的处理方法,欢迎在下面留言!

// 时间戳转换为时间
    timestampToTime(timestamp) {
      console.log(timestamp);
      var date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
      let Y = date.getFullYear() + "-";
      let M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      let D = date.getDate() + " ";
      return Y + M + D;
    },
    // 改变日期
    changeWeek(val) {
      //val===> Mon Nov 09 2020 00:00:00 GMT+0800 (中国标准时间)
      let todayDay = val ? new Date(val) : new Date();
      let todayOfWeek = todayDay.getDay();
      let todayOfmonth = todayDay.getMonth();
      let todayOfDate = todayDay.getDate();
      let spendDay = 1; // 这里也可以直接设置成零
      if (todayOfWeek != 0) {
        spendDay = 7 - todayOfWeek-1; //开始时间到结束时间还有几天
      }
      //  86400000为一天的毫秒数
      this.startTimeNum = todayDay.valueOf() - (6 - spendDay) * 86400000; //开始时间时间戳
      this.endTimeNum = todayDay.valueOf() + spendDay * 86400000; //结束时间时间戳
      let startTimeStr = this.timestampToTime(this.startTimeNum); // 时间戳转字符串
      let endTimeStr = this.timestampToTime(this.endTimeNum);
      this.weekTime = startTimeStr + "  -  " + endTimeStr; // 选择的范围
      console.log(this.weekTime);
    },

this指向的数据大家就自行在data里面定义吧^ _ ^!
参考文献来自Fluoxetine.

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值