使用elementUi的DatePicker 日期选择器

需求:有一个图表echart , 点击查询,得到当前日期的 上一周 ,需要把日期展示到echart图标上的X轴上。
通过DatePicker 日期选择器 需要设置 value-format指定绑定值的格式。

value-format="timestamp" 格式设置成时间戳

   <el-date-picker v-model="value2" type="date" :placeholder="date" :picker-options="pickerOptions"
      value-format="timestamp" @change="chooseDate">
 chooseDate() {
        console.log(this.value2)    // 获取当前选择日期的时间戳
        this.getDay(this.value2, '-')
      },

// 计算前7天的日期
 getDay(timestamp, str) {
        var today = new Date();
        if (!timestamp) return;
        var nowTime = timestamp;
        // var ms7 = 24 * 3600 * 1000 * 7;  //七天前的时间
        // 设置上了七天前的时间
        if (this.dateArr.length > 0) {
          this.dateArr = [];
        }
        for (let i = 0; i < 7; i++) {
          let ms7 = 24 * 3600 * 1000 * i
          today.setTime(parseInt(nowTime - ms7));
          var oYear = today.getFullYear();
          var oMoth = (today.getMonth() + 1).toString();
          if (oMoth.length <= 1) oMoth = '0' + oMoth;
          var oDay = today.getDate().toString();
          if (oDay.length <= 1) oDay = '0' + oDay;
          // console.log(oYear + str + oMoth + str + oDay)
          let timer = oMoth + str + oDay;
          this.dateArr.unshift(timer)
        }
        console.log(this.dateArr)
      },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容