ElementUI使用日期选择器时时间少一天解决方法

最新推荐文章于 2024-03-14 14:38:40 发布

hacllker

最新推荐文章于 2024-03-14 14:38:40 发布

阅读量6.5k

点赞数 9

本文链接：https://blog.youkuaiyun.com/qq_44745401/article/details/97151123

版权

本文介绍了一种在使用日期选择器组件时遇到的问题：选择的日期与实际传回后台的日期相差一天。通过添加value-format属性设置日期格式为“yyyy-MM-dd”，可以解决这个问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述在使用时间选择器组件的时候,传回后台的日期比选择的日期要少一天,原代码是这样的

<el-form-item label="雇佣日期:">
     <el-date-picker
         v-model="addFormData.hiredate"
         type="date"
         placeholder="选择日期">
     </el-date-picker>
 </el-form-item>

解决方法:在代码里加value-format=“yyyy-MM-dd”
就像这样

<el-form-item label="雇佣日期:">
     <el-date-picker
         v-model="addFormData.hiredate"
         type="date"
         value-format="yyyy-MM-dd"
         placeholder="选择日期">
     </el-date-picker>
 </el-form-item>