实习总结第五谈---------element中的table表格显示时间格式问题

最新推荐文章于 2023-12-26 10:05:48 发布
最新推荐文章于 2023-12-26 10:05:48 发布
阅读量1.3k 收藏 1
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 实习总结 文章标签： moment.js element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangkegu/article/details/85262195
本文介绍了一种使用JavaScript和Moment.js库进行时间戳转换的方法，以改善用户体验。通过具体步骤展示了如何在前端展示友好的时间格式。

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

后台直接传回的额时间数据显示在表格中是这样的：

后台返回的时间是这样子的，不方便用户看

2.我用时间戳函数转换了一下时间格式

3.用到了JavaScript 日期处理类库

  1. 第一步安装该插件：npm install moment
  2. 第二步在main.js文件中引入并定义好该插件                                                                                                                                          
  3. 使用时间戳函数转换时间格式                                                                                                                                                                                          
  4.  写时间戳函数转换时间格式                                                                                                                                                                                                                                                                

5.使用时间戳函数之后的表格时间效果如图：                                                                                                                              

温馨提示：

我，作为一个神奇的喵系女孩，虽然反射弧稍微迟缓的长那么一点点，但，我必定是一只不容置疑的程序媛大佬！

你可以嘲笑我技术菜，但，你必须告诉我哪里错了，为什么错？

安静的等待本媛的下一篇实习总结吧！

计算机前端面试题总结-暑期实习（答案补充1）
m0_65985318的博客
07-05 982
前端面试题css部分小结
【前端收藏】前端小作文-前端八股文知识总结（超万字超详细）持续更新
天天打码-16年老码农
02-04 2148
渲染引擎(Layout Engine或Rendering Engine)和js引擎渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
Element-ui表格的时间格式化
qq_55031668的博客
12-21 1965
/
vue+element-ui 表格中的时间格式化
lintianqi0718的博客
12-17 1585
在后台的管理页面中，用户信息需要增加创建时间，后台传过来的时间戳 （1491559642000）这样的格式，在表格中显示正常的 YYYY-MM-DD HH:mm:ss //我引入的moment.js 插件，专门转化时间戳 下载moment.js npm install moment --save 1,在组件中 <el-table-column prop="createTime" :formatter="dateFormat" label="创建时间"> </el-
Vue使用Element table表格格式化GMT时间为Shanghai时间
qq_43657722的博客
12-26 1106
Vue使用Element table表格格式化GMT时间为Shanghai时间
element UI 时间选择器 设置时间格式
weixin_45563734的博客
04-01 1490
element UI 时间选择器 设置时间格式 <el-form-item label="编辑时间:" prop="zeroing"> <el-date-picker v-model="chemical" type="datetime" placeholder="选择日期...
element表格内容显示年与日，鼠标浮上显示时分秒
weixin_46543198的博客
06-16 494
html <el-table-column prop="add_time" label="修订日期" width="120px"> <template slot-scope="scope"> <el-tooltip :content="scope.row.add_time" placement="top"> <span>{{scope.row.add_time_date}}</span> </el-tooltip&
我将开发一个大学生实习就业系统，工作任务如下： 系统开发使用Java语言，开发模式采用SpringBoot后台开发和Vue前端框架相结合。系统功能角色包括系统管理员（学校端管理）、学生（学生端模块）和企业（企业招聘管理模块）三个部分。企业招聘管理模块的内容包括系统首页、在线招聘、学生认证、创建简历、简历投递、在线招聘、就业指导、问卷调查等。学校端管理员教师审核企业的平台注册信息，并针对企业上传的招聘信息进行审核，审核通过的信息学生方可看见。负责班级学生实习情况统计，学院领导可查看学院全体学生的实习等。实习系统学生端模块学生通过系统浏览企业发布的招聘岗位，在线制作或上传简历并投递到心仪的企业，参加线上企业招聘会。在企业面试成功、签订协议后，由学校端管理模块对学生协议签订和实际求职情况进行审核，审核通过后，学生可上岗。 我打算使用若依前后端分离版本进行开发，现在我已经搭建好了若依脚手架。在角色管理中创建好了，students和Boss两个角色。 当前我已经建立了学生信息表、学院信息表、班级信息表。 表结构如下： -- ---------------------------- -- Table structure for class_info -- ---------------------------- DROP TABLE IF EXISTS `class_info`; CREATE TABLE `class_info` ( `class_id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '班级ID（主键）', `class_name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL COMMENT '班级名称（格式如：计算机2021级1班）', `college_id` bigint(20) NOT NULL COMMENT '所属学院ID（外键）', `class_teacher` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL DEFAULT NULL COMMENT '班主任姓名', `student_count` int(11) NULL DEFAULT 0 COMMENT '班级学生人数（统计字段）', `create_time` datetime NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间', `update_time` datetime NULL DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间', PRIMARY KEY (`class_id`) USING BTREE, INDEX `idx_college_id`(`college_id`) USING BTREE, CONSTRAINT `fk_class_college` FOREIGN KEY (`college_id`) REFERENCES `college_info` (`college_id`) ON DELETE CASCADE ON UPDATE CASCADE ) ENGINE = InnoDB AUTO_INCREMENT = 1 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_unicode_ci COMMENT = '班级信息表' ROW_FORMAT = Dynamic; SET FOREIGN_KEY_CHECKS = 1; -- ---------------------------- -- Table structure for college_info -- ---------------------------- DROP TABLE IF EXISTS `college_info`; CREATE TABLE `college_info` ( `college_id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '学院ID（主键）', `college_name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL COMMENT '学院名称（唯一）', `college_leader` varchar(20) CHARACTER SET utf8mb4 COLLATE ut
最新发布
03-12
好的，我现在需要帮用户解决关于如何继续开发大学生实习就业系统的问题。用户已经基于若依框架搭建了前后端分离的系统，并创建了学生、学院、班级信息表，现在需要进一步的开发指导。首先，我得理清用户的需求和当前...
springMVC中itext生成PDF，根本上解决中文乱码以及不显示问题
ShawSuper的博客
09-30 9437
itext生成PDF，根本上解决中文不显示问题 1、建立maven工程，在pom文件中引入下面的jar包 org.xhtmlrenderer core-renderer R8 com.itextpdf itext-asian 5.2.0 com.itextpdf itextpdf 5.5.1
深入浅出解析Stable Diffusion中U-Net网络
2301_79125431的博客
08-20 159
题意给你一个 的表 , 行列的元素为，然后给你一个序列，让你在表格里面找一个行的连续元素，满足，，思路这边的序列变成 ，因为，可以推导出设很显然第一个的通解为，100 50 100题1，第K大的数，排序都懒得写，直接Arrays.sort题2，多线程顺序执行，用的join，不知道为啥只过了50，懒得改了题3，正则表达式。#虹软# 坑1，照片采集采了二十分钟，笑了。哈人，太哈人了，第一题签到，第二题想不出来怎么做，直接枚举全排列过了83.3，第三题写了130行优化的bfs才AC，第四题输出样例，太哈人了。
【elementUi】el-table表格动态显示日期表头
m0_63834711的博客
02-18 2832
总结两段函数，一段获取当前时间，一段对时间做处理，循环显示如果不能实现，请在公屏上打出你的问题，哈哈
Element Ui 组件处理前端页面显示的时间格式为：2022-12-13T01:23:54.000+0000处理格式
日常学习总结
02-16 939
Element Ui 组件处理前端页面显示的时间格式为：2022-12-13T01:23:54.000+0000处理格式
Vue+Element Plus 获取当前时间
Daisy_ls的博客
11-02 3188
业务需求：默认展示当前时间，找了很多博客，没弄出来，结果是因为组件上定义时间的规则不一样。
element中table表格显示时间问题
qq_44985699的博客
08-15 1806
element 中table表格显示时间问题
vue3.0 + element Plus实现前端筛选表格数据（按照日期选择）
m0_52761651的博客
11-10 4387
vue3.0 + element Plus实现前端筛选表格数据，按照日期选择
vue3+element plus 如何实现可编辑表格
xhjtcflm的博客
06-04 8858
1.点击表格内容部分，输入框边框显示出来，此时内容可编辑。2.失焦之后，根据失焦事件完成后续样式修改。具体使用详见element plus 官网。
VUE3+Element plus 展示当前时间
qq_44915190的博客
10-18 1391
VUE3+Element plus 展示当前时间
使用elementUI的日期时间选择器+下拉菜单+tab切换+table表格完成排行榜的切换及按年月周查询(部分代码)
ju__ju的博客
01-08 3964
<div class="hot-top"> <p> <el-date-picker v-model="dataValue" :type="type" :picker-options="pickerOptions" :value-format="type==='year'?'yyyy':type==='month'?'yyyy...
Vue+elementUI表格组件使用（table代码详细分析）
热门推荐
辰兮要努力
09-12 1万+
hello你好很高兴能来阅读，本篇整理一下Vue+elementUI的表格组件相关用法，留给自己，也分享给初学者，一起进步！ 本篇是Vue+elementUI的使用案例前端代码解析 学习本章要有一点点前端基础，才能更好的阅读 在git上下载了一个前端案例，商品列表表格显示如下 代码分析： 如图我们显示出来的表格就是el-table中包含的元素 1、特别要注意的是这里的prop一定要和后台传来的参数是一致的 比如你后台传来goods_name 你这里写成good_name 那么该表格是无法识别的 当.
hoc-element-table：通过配置快速生成高自由度的Vue表格
在hoc-element-table项目中，开发者使用了HOC技术来封装element-ui库中的表格组件，为它增加了更多的自定义功能和配置。 - **element-ui库中的table组件：** element-ui是一个基于Vue 2.0的桌面端组件库，它提供了...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值