前端实现年月日时分秒的转换

简介: 前端实现年月日时分秒的转换

后端返回的时间数据格式:

2023-03-04T16:00:00.000Z

要转换成年-月-日 时:分:秒的格式

这里使用了使用 getUTC*() 方法来获取协调世界时 (UTC) 的日期和时间。

代码:

const dateTimeString = '2023-03-04T16:00:00.000Z';
const dateTime = new Date(dateTimeString);
const year = dateTime.getUTCFullYear();
const month = String(dateTime.getUTCMonth() + 1).padStart(2, '0');
const day = String(dateTime.getUTCDate()).padStart(2, '0');
const hour = String(dateTime.getUTCHours()).padStart(2, '0');
const minute = String(dateTime.getUTCMinutes()).padStart(2, '0');
const second = String(dateTime.getUTCSeconds()).padStart(2, '0');
const formattedDateTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
console.log(formattedDateTime); // 输出:2023-03-04 16:00:00


目录
相关文章
|
前端开发 API
解决el-table中横向滚动条无法显示的问题
解决el-table中横向滚动条无法显示的问题
3441 0
|
前端开发 JavaScript 开发者
利用 el-select 和 el-tree 实现树形结构多选框联动功能
本文详细介绍了如何使用ElementUI中的el-select下拉选择器和el-tree树形控件来实现多功能联动选择器,包括多选、删除、搜索、清空选项等功能。通过树形控件展示复杂的层级结构,用户可以通过下拉选择树形节点,实时搜索节点,且支持批量选择和删除功能。文中提供了完整的HTML、JavaScript和CSS代码实现,帮助开发者快速集成此功能。
4705 0
利用 el-select 和 el-tree 实现树形结构多选框联动功能
|
8月前
|
算法 测试技术 C语言
深入理解HTTP/2:nghttp2库源码解析及客户端实现示例
通过解析nghttp2库的源码和实现一个简单的HTTP/2客户端示例,本文详细介绍了HTTP/2的关键特性和nghttp2的核心实现。了解这些内容可以帮助开发者更好地理解HTTP/2协议,提高Web应用的性能和用户体验。对于实际开发中的应用,可以根据需要进一步优化和扩展代码,以满足具体需求。
827 29
|
IDE 前端开发 Java
怎样避免 Java 中的 NoSuchFieldError 异常
在Java中避免NoSuchFieldError异常的关键在于确保类路径下没有不同版本的类文件冲突,避免反射时使用不存在的字段,以及确保所有依赖库版本兼容。编译和运行时使用的类版本应保持一致。
388 8
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(21)--- 省市区县联动处理的组件使用
循序渐进VUE+Element 前端应用开发(21)--- 省市区县联动处理的组件使用
|
人工智能 计算机视觉
论文介绍:MDTv2——提升图像合成能力的掩码扩散变换器
【5月更文挑战第18天】MDTv2是掩码扩散变换器的升级版,旨在增强图像合成模型DPMs处理语义关系的能力。通过掩码操作和不对称扩散变换,MDTv2能学习图像的完整语义信息,提升学习效率和图像质量。MDTv2采用优化的网络结构和训练策略,如长快捷方式、密集输入和时间步适应损失权重,实现SOTA性能,FID分数达到1.58,训练速度比DiT快10倍。尽管计算成本高和泛化能力待验证,MDTv2为图像合成领域开辟了新方向。[链接: https://arxiv.org/abs/2303.14389]
827 1
|
Ubuntu 安全 Linux
在Ubuntu 20.04上安装和配置VNC的方法
在Ubuntu 20.04上安装和配置VNC的方法
1581 0
echarts的xAxis和yAxis——x轴y轴以及网格线的详细配置
echarts的xAxis和yAxis——x轴y轴以及网格线的详细配置
5757 0
|
机器学习/深度学习 前端开发 vr&ar
未来前端发展趋势与挑战
【2月更文挑战第4天】 随着互联网技术的快速发展,前端开发作为用户与网站交互的重要环节,其发展也日益受到重视。本文探讨了未来前端发展的趋势与挑战,从人工智能、跨平台开发、AR/VR技术等方面展望了前端技术的发展方向,同时也指出了前端开发者在面对这些变化时需要面对的挑战。