使用elementUi的DatePicker 日期選擇器

需求:有一個圖表echart , 點擊查詢,得到當(dāng)前日期的 上一周 ,需要把日期展示到echart圖標(biāo)上的X軸上。
通過DatePicker 日期選擇器 需要設(shè)置 value-format指定綁定值的格式。

value-format="timestamp" 格式設(shè)置成時間戳

   <el-date-picker v-model="value2" type="date" :placeholder="date" :picker-options="pickerOptions"
      value-format="timestamp" @change="chooseDate">
 chooseDate() {
        console.log(this.value2)    // 獲取當(dāng)前選擇日期的時間戳
        this.getDay(this.value2, '-')
      },

// 計算前7天的日期
 getDay(timestamp, str) {
        var today = new Date();
        if (!timestamp) return;
        var nowTime = timestamp;
        // var ms7 = 24 * 3600 * 1000 * 7;  //七天前的時間
        // 設(shè)置上了七天前的時間
        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)
      },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容