element ui 日期組件,月份范圍怎么處理dd問題

聲明本人主后端的,這是官方給的日期處理組件

<div class="block">
    <span class="demonstration">默認</span>
    <el-date-picker
      v-model="value1"
      type="monthrange"
      range-separator="至"
      start-placeholder="開始月份"
      end-placeholder="結束月份">
    </el-date-picker>
  </div>

我發現一個問題,就是用 type="monthrange" ,選出來的屬性,這個月是對了,但是天是混亂的,可能這么說也不對,就是天是不管的,value-format="yyyy-MM-dd" 你出來的是1號,或者不要格式化日期,那么這個數據傳給后端也不對

我想要的是,比如現在是 12月30號,我統計12月份的,時間范圍是 12.01 ~ 12.30,
統計 11 月到 12 月的,實際日期是 11.01 ~ 12.30
如果今天是 12月25號,那么日期范圍是 11.01 ~ 12.25

我感覺官方的組件沒有考慮到天的問題,是不是要我們自己處理日期,這個在前端應該怎么做才能實現我想要的效果呢?不行感覺我只能走后端了

? 最佳回答:

坑的sg,寫了答案被吞了。
上面老哥的,還是沒解決我的業務的問題,不過還是感謝。我決定在前端拼這個天了,發現js的日期也是和java一樣反人類,參考:https://blog.csdn.net/weixin_...

思路就是格式化value-format="yyyy-MM",然后自己去拼天,大致代碼:

// 傳遞 yyyy-mm 的數據,返回start: yyyy-mm-01, end: yyyy-mm-本月最后一天
    timeHandler(ob, endFlag) {
      const end = new Date(ob.timeRange[1])
      if (endFlag) {
        return { start: ob.timeRange[0] + '-01', end: this.$timeFormat(new Date(), 'yyyy-MM-DD') }
      }
      return { start: ob.timeRange[0] + '-01', end: ob.timeRange[1] + `-${new Date(end.getFullYear(), end.getMonth() + 1, 0).getDate()}` }
    },

初始化的時候,end是今天,選擇其它月份,比如2到3月,最終時間范圍是2.01 ~ 3.31

我認為給用戶的就是月份維度,那么天你是要處理,滿足要求且合理即可

主站蜘蛛池模板: 国产成人精品一区二区三区| 日韩国产精品无码一区二区三区| 国产探花在线精品一区二区| 亚洲欧美日韩国产精品一区 | 在线观看国产区亚洲一区成人 | 久久精品国产第一区二区| 少妇无码一区二区三区| 精品一区二区三区四区在线| 无码视频一区二区三区| 亚洲欧洲日韩国产一区二区三区| 亚洲乱码国产一区三区| 国产激情一区二区三区成人91| 国产精品视频一区| 一区一区三区产品乱码| 日韩一区二区超清视频| 亚欧在线精品免费观看一区| 老熟女五十路乱子交尾中出一区| 久久一区二区三区精品| 亚洲国产精品一区二区久久hs| 精品乱人伦一区二区三区| 97精品国产福利一区二区三区| 亚洲片一区二区三区| 国产精品福利区一区二区三区四区| 日韩毛片一区视频免费| 亚洲AV无码一区二区三区在线观看 | 精品福利一区二区三区| 久久国产精品免费一区| 红桃AV一区二区三区在线无码AV| 成人区精品一区二区不卡| 亚洲一区二区三区香蕉| 国产成人一区二区三区在线观看| 国产成人无码精品一区二区三区| 精品一区二区三区免费| 99无码人妻一区二区三区免费| 无码播放一区二区三区| 国产在线一区二区三区在线| 精品国产AⅤ一区二区三区4区| 日本一区二区不卡视频| 在线成人一区二区| 日本中文一区二区三区亚洲| 东京热人妻无码一区二区av|