VUE+ElementUI使用日期选择器时间少8小时
VUE+ElementUI使用日期选择器时间少8小时
·
项目场景:
通过elementUI的时间选择器添加某人的出生日期
问题描述
发现传给后台的数据是datetime格式而非yyyy-MM-dd
时间选择器:
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期">
</el-date-picker>
而传给后台的时间参数却是dateTime格式,且当前时间少8小时左右
原因分析:
vue 使用 axios 提交数据给后端,需要对日期数据qs.stringify()序列化,默认返回的是格林威治时间,比北京时间晚8小时,时间选择器内的format仅为展示日期格式化,添加value-format="yyyy-MM-dd"指定数据绑定格式,强制转为“yyyy-MM-dd”格式数据
添加value-format=“yyyy-MM-dd"即可
<el-date-picker
v-model="dialogForm.birthday"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd">
</el-date-picker>
此时时间格式为正确的date格式,而不是将时分秒置整的dateTime格式
更多推荐
已为社区贡献2条内容
所有评论(0)