vue el-date-picker 选择日期少一天解决方式_element ui日期选择器选择后少一天

作者：Cpp五条 | 2024-04-28 23:52:58

踩

element ui日期选择器选择后少一天

问题描述

查看到发送请求携带的日期比选中的日期少一天。

  <el-date-picker  size="small"  v-model="date"  type="daterange"  range-separator="至" unlink-panels :picker-options="pickerOptions" start-placeholder="开始日期"  end-placeholder="结束日期"></el-date-picker>
1

原因：

	在网上找结果了，发现是因为
	element-ui中时间控件的默认时间为国际标准时间，所以与北京时间差8个小时
1
2

解决方式一

组件中添加
value-format="yyyy-MM-dd"
1
2

解决方式二

正常使用后台使用
@JsonFormat(pattern = “yyyy-MM-dd”,timezone=“GMT+8”)标准时区的注解格式化时间
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/504928