VUE+ElementUI使用日期选择器时间少8小时_表格导出来的时间与平台相差8小时-程序员宅基地

技术标签: vue  elementui  

项目场景:

通过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格式

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_57031340/article/details/125454649

智能推荐

python基础_1、编写一个名为char.sh的脚本,功能如下(40分): a)由用户输入一个字符 b)判断-程序员宅基地

文章浏览阅读1.2w次,点赞2次,收藏6次。PyCharm 的初始设置(知道)目标恢复 PyCharm 的初始设置第一次启动 PyCharm新建一个 Python 项目设置 PyCharm 的字体显示PyCharm 的升级以及其他PyCharm 的官方网站地址是:https://www.jetbrains.com/pycharm/01. 恢复 PyCharm 的初始设置PyCharm 的 配置信息 是保存在 用户家目录下 的 .PyCharmxxxx.x 目录下的,xxxx.x 表示当前使用的 PyCharm 的版本号如果要恢_1、编写一个名为char.sh的脚本,功能如下(40分): a)由用户输入一个字符 b)判断

C# Task 暂停与取消-程序员宅基地

文章浏览阅读4.8k次。前言:①取消task任务之CancellationTokenSource的用法;②task的线程管控方法Task..Wait(time),Task.WaitAll(),Task.Wait..._c# task.start cancel token

TZOJ 3481 Highway Construction(树的直径+最短路)-程序员宅基地

文章浏览阅读435次。描述As head of the Accessible Commuting Movement (ACM), you've been lobbying the mayor to build a new highway in your city. Today is your lucky day, because your request was approved. There is one c..._最短路 树的直径

微信公众号怎么使用微信返利机器人查优惠券拿佣金返利?-程序员宅基地

文章浏览阅读110次。微信作为中国最受欢迎的社交媒体平台之一,提供了一个独特的机会,即通过搭建个人微信公众号查券返利机器人,帮助用户省钱购物,同时实现自身佣金收入。本文将为您提供一个详细的教程,指导您如何在微赚淘客系统的支持下,搭建您自己的查券返利机器人。通过以上步骤,您的微信公众号将具备查券与返利的功能。您的粉丝将能够通过您的公众号找到商品的最佳优惠券,从而实现省钱购物。同时,您将获得佣金,因为您的粉丝通过您的链接购买商品。链接:https://juejin.cn/post/7288517000581578806。

【bzoj3039】玉蟾宫 悬线法(单调栈)_rainbow和freda来到了湘-程序员宅基地

文章浏览阅读1.9k次。Description有一天,小猫rainbow和freda来到了湘西张家界的天门山玉蟾宫,玉蟾宫宫主蓝兔盛情地款待了它们,并赐予它们一片土地。 这片土地被分成N*M个格子,每个格子里写着’R’或者’F’,R代表这块土地被赐予了rainbow,F代表这块土地被赐予了freda。 现在freda要在这里卖萌。。。它要找一块矩形土地,要求这片土地都标着’F’并且面积最大。 但是rainbow和fr_rainbow和freda来到了湘

Go - 获取当前时间(转载)_go 获取当前时间 t-程序员宅基地

文章浏览阅读1.7w次。package mainimport ( "fmt" "time")func main() { t := time.Now() //2019-07-31 13:55:21.3410012 +0800 CST m=+0.006015601 fmt.Println(t.Format("20060102150405")) //当前时间戳 t1 := time.Now().Unix() //1564552562 fmt.Println(t1_go 获取当前时间 t

随便推点

如何通过审计安全事件日志检测密码喷洒(Password Spraying)攻击-程序员宅基地

文章浏览阅读440次。许多渗透测试人员和攻击者通常都会使用一种被称为“密码喷洒(Password Spraying)”的技术来进行测试和攻击。对密码进行喷洒式的攻击,这个叫法很形象,因为它属于自动化密码猜测的一种。这种针对所有用户的自动密码猜测通常是为了避免帐户被锁定,因为针对同一个用户的连续密码猜测会导致帐户被锁定。所以只有对所有用户同时执行特定的密码登录尝试,才能增加破..._事件4771 错误代码0x18

前端开发之走进 Vue.js-程序员宅基地

文章浏览阅读79次。Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来构建一个中大型的前端项目,同时做好相应的部署与优化工作。文章将以PPT图片附加文字介绍的形式展开,不会涉及知识点的具体代码,点到为止。有兴趣的同学可以..._前端vue可以输入图或文字

【软考】系统集成项目管理工程师(十一)项目人力资源管理_软考 项目人力资源管理-程序员宅基地

文章浏览阅读7.1k次,点赞15次,收藏14次。软考中级——系统集成项目管理工程师备考干货第十一章:项目人力资源管理。_软考 项目人力资源管理

Windows自动开机及自动执行脚本(后者需要一定的编程基础)_定时开机脚本怎么写-程序员宅基地

文章浏览阅读2.1w次,点赞4次,收藏34次。定时开机的方法windows定时开机是利用任务计划来实现的,具体的步骤如下(Win7为例):右击【计算机】 —> 管理 —> 依次按下图顺序点击,创建基本任务任务基本信息触发器根据需要自选选择操作。这里是关键性的一步,要选择启动程序,然后根据自己的需要启动某个脚本(如果只是想开机的话,就随便选一个浏览器之类的可执行程序 *.exe),下一步,点击完成。双击任务,选..._定时开机脚本怎么写

idea 如何定位类或方法_idea定位类方法-程序员宅基地

文章浏览阅读1w次。使用maven 打包报错如下:法一:Ctrl+ N,打开搜索输入类名 UserInfoServiceImpl点击 UserInfoServiceImpl 类,根据报警提示找到第32行约第44个字符处找到方法 getUserInfo4OpenApi,按住Ctrl点进去点击去之后,会发现getUserInfo4OpenApi 这个方法继承自UserService 类。如..._idea定位类方法

内容领先地位无法撼动,腾讯音乐与环球续约将共建新厂牌-程序员宅基地

文章浏览阅读243次。近日,腾讯音乐娱乐集团(NYSE:TME)发布了2020年Q2财报,延续了Q1的增长势头。数据显示,2020年Q2季度,腾讯音乐总营收同比增长17.5%达69.3亿元,调整后净利润11.5亿元,在线音乐付费用户更是强劲增长达4710万,同比创纪录增长超51.9%。亮眼成绩单的背后,腾讯音乐的内容领先优势持续强化。在财报发布当天,腾讯音乐与全球领先的音乐娱乐公司环球音乐集团(UMG)共同重磅宣布:基于长期不断深化的紧密合作伙伴关系,双方续签数年期版权授权战略合作协议,同时在该合作协议下,双方还宣.