關於element-ui中el-date-picker組件時間落后8個小時的問題


使用的框架是:vue+ssm(前后端分離),時間格式從時間戳變為日期類型

時間戳格式:前后端代碼如下:

前端格式:
  <el-date-picker value-format="timestamp"
        :editable="false"

v-model="listQuery.startTime"
        class="filter-item" clearable>
  </el-date-picker>
后端接收參數:
  @RequestParam(value = "startTime", required = false) Long startTime

解析:日期格式時,前端如果只有type="date",則前端獲取的時間就會比實際選中的日期少一天,

原因:由於element-ui中時間控件的默認時間為國際標准時間(英國格林威治),而北京時間(東八區)早8個小時,所以差了一天

解決方法:在以下代碼中增加value-format="yyyy-MM-dd"語句,

  <el-date-picker v-model="listQuery.startTime" type="date"></el-date-picker>

  修改為

  <el-date-picker v-model="listQuery.startTime" type="date" value-format="yyyy-MM-dd"></el-date-picker>

后台修改(后台屬性為Date型):

  @DateTimeFormat (pattern = "yyyy-MM-dd") Date startTime

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM