首页 > 其他分享 >若依解决VUE前端时间显示问题

若依解决VUE前端时间显示问题

时间:2024-04-15 11:34:36浏览次数:33  
标签:VUE E5% 前端 E6% E7% 若依 97% E4% B8%

参考:https://blog.csdn.net/qq_43544074/article/details/119139313#:~:text=%E6%97%A0%E6%B3%95%E6%AD%A3%E7%A1%AE%E7%9A%84%E6%98%BE%E7%A4%BA%E6%97%B6%E9%97%B4%E3%80%82%20%E8%A7%A3%E5%86%B3%E5%A6%82%E4%B8%8B%EF%BC%9A%201%E3%80%81%E5%9C%A8%E5%90%8E%E7%AB%AF%E4%BB%A3%E7%A0%81%E4%B8%AD%E6%B7%BB%E5%8A%A0%E4%BB%A5%E4%B8%8B%E4%BB%A3%E7%A0%81,%40JsonFormat%28pattern%3D%22yyyy-MM-dd%20HH%3Amm%3Ass%22%2Ctimezone%3D%22GMT%2B8%22%29%202%E3%80%81%E5%9C%A8%E5%90%8E%E7%AB%AF%E6%AD%A3%E5%B8%B8%E7%9A%84%E6%83%85%E5%86%B5%E4%B8%8B%E8%BF%98%E6%98%AF%E6%97%A0%E6%B3%95%E5%87%86%E7%A1%AE%E6%98%BE%E7%A4%BA%E6%97%B6%E9%97%B4%EF%BC%8C%E5%88%99%E5%9C%A8%E5%89%8D%E6%AE%B5%E6%8A%8A%E6%97%B6%E9%97%B4%E5%AD%97%E6%AE%B5%E4%BF%AE%E6%94%B9

 

 

问题描述:数据库中的表字段含有时间 字段类型为:timestamp 和datatime

在前段应该显示为:yyyy-MM-dd HH:mm:ss  但是前段一直显示为yyyy-MM-dd 00:00:00

无法正确的显示时间。

解决如下:

1、在后端domain代码中添加以下代码

@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8")

 2、在后端正常的情况下还是无法准确显示时间,则在前段把时间字段修改

<el-table-column label="更新时间" align="center" prop="updateTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.updateTime,'{y}-{m}-{d}-{h}-{m}-{s}') }}</span>
        </template>
 </el-table-column>

然后即可正常显示时间。

标签:VUE,E5%,前端,E6%,E7%,若依,97%,E4%,B8%
From: https://www.cnblogs.com/y593216/p/18135581

相关文章

  • 纯前端实现发版版本变化后页面重新加载
    0.原理通过在前端静态文件目录下维护一个版本,首次进入页面存储当前版本,轮询查询静态文件版本是否发生变化,如果变化则重新加载页面,如果未变化,则继续轮询1.优点比通过后端维护在数据库版本进行查询消耗更小,不需要查询数据库,也不用走到后台代码层,只需要访问到ngxin/......
  • gitee基于webhooks实现前端简单自动化部署
    1.为什么采用自动化部署简而言之,程序员优秀传统:懒=>高级生产力.基于gitee进行的自动化部署,服务器环境为Ubuntu基于webhooks进行的自动化部署更加轻快便捷2.部署步骤1).服务器购买可以购买阿里云抢占式服务器进行实验,花费应该在一大洋以内,或者直接购买一年低配服务......
  • 前端小白学习路线与方法推荐
    0.编辑器推荐1).WebStorm优点:本身功能丰富缺点:体积较大,需要破解,或者购买正版2)VsCode优点:轻量,开源免费缺点:需要插件扩展,才能达到Webstorm的很多功能推荐插件:书写标签,自动补全标签给代码添加颜色,使代码更加易于区分可以直接运行js代码,而不用通过html......
  • vue3中动态添加路由刷新无法正确匹配路由组件
    1.问题动态添加路由之后,页面重新匹配路由,匹配到了设置的404notfound页面该页面是在路径无法匹配到的时候才会跳转的页面2.问题查找在前置路由守卫打印to发现当前地址匹配到的组件是配置的404页面并且此时的动态路由中是含有改路由地址的3.问题原因在页面刷新时......
  • vue2响应式原理
    vue2响应式原理classDep{constructor(){//依赖保存器this.subscribers=newSet();}//收集依赖depend=()=>{if(activeEffect){this.subscribers.add(activeEffect);}};//通知收集的依赖notify=()=>{this.......
  • [转]写给前端的 react-native 入门指南
    前言本文主要介绍react-native(下称RN)的入门,和前端的异同点文章不涉及功能的具体实现选择优势我们先说说,为什么很多人会选择使用RN、他对应的特性和普通Web的区别前端资源,生态的互通因为使用的语言是JS和react,对于前端来说可以无缝切换,并且他还能......
  • 快速上手Vuex
    1.简介Vuex是状态管理插件在vue最重要就是数据驱动和组件化,每个组件都有自己data,**template**和**methods**,**data**是数据,我们也叫做状态,通过methods中方法改变状态来更新视图,在单个组件中修改状态更新视图是很方便的,但是实际开发中是多个组件(还有多层组件嵌套)......
  • Vue
    什么是Vue?Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。官网:https://v2.cn.vuejs.org/框架:是一个半成品软件,是一套可重用的、通用的、软件基础代码模块。基于框架进行开发,更加快捷......
  • 简单了解前端性能监控
    作为一名开发来讲,以下场景你有没有遇到:点击这个按钮怎么没反应了页面为什么白了怎么一直正在加载很多用户说图片加载不出来......那么有一款性能监控产品太重要了,但是性能相关的东西实在太多了。那么从一个熟悉又陌生的api开始,performance。1.什么是performancemdn上是......
  • vue3在构建时,使用魔法糖语法时defineProps和defineEmits的注意事项
    在Vue3.2+版本中,可以使用<scriptsetup>替代传统的script标签来编写组件,它提供了更简洁的语法来编写CompositionAPI代码。在<scriptsetup>中,使用defineProps和defineEmits时需要注意:如果显式地导入defineProps时,在编译时会提示以下wanning<scriptsteup>impo......