关于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