vue3.0+element-plus日期提交少一天问题解决方案

最新推荐文章于 2024-05-17 11:49:06 发布

星灭233

最新推荐文章于 2024-05-17 11:49:06 发布

阅读量1.4k

点赞数 2

分类专栏：随笔文章标签： javascript vue.js css

本文链接：https://blog.csdn.net/ksx2333/article/details/122420872

版权

随笔专栏收录该内容

11 篇文章 0 订阅

订阅专栏

element框架中的日期组件在提交到后端后日期会减少一天。

解决方案：

1、Vue3.0 + element-plus

官方文档：element-plus

![在这里插入图片描述](https://img-blog.csdnimg.cn/e55b5fa73769435d98524945a61759ba.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pif54GtMjMz,size_20,color_FFFFFF,t_70,g_se,x_16

     <el-date-picker
        v-model="value"
        type="datetime"
        placeholder="Pick a Date"
        format="YYYY/MM/DD hh:mm:ss"
        value-format="YYYY-MM-DD h:m:s a"
      >
      </el-date-picker>

这里和element+vue2.0的区别是value-format内容必须大写。

2、Vue2.0 + element

官方文档：element
在这里插入图片描述

    <el-date-picker
      v-model="value"
      type="date"
      placeholder="选择日期"
      format="yyyy 年 MM 月 dd 日"
      value-format="yyyy-MM-dd">
    </el-date-picker>
     </el-form-item>