JS时间戳转换 时间戳转时间 js转换时间戳为时间类型显示

JS时间戳转换 时间戳转时间 js转换时间戳为时间类型显示
本方法已经抽离出年月日时分秒 更多的时间格式搭配大家可以随意添加!!!

convertToEnglishMonthAbbreviation方法把月份转化成英文显示 大家可以看下 并非使用通过自定义枚举的方式实现。

formatTime方法通过传入24小时制时间 格式化为AM、PM

2024
2024-04
2024-04-14
2024-04-14 06:06
14 Apr 2024
2024/04/14
04-14 06:06
04/14 06:06
2024-04-14 06:06
2024/04/14 06:06
2024-04-14 06:06:06
2024/04/14 06:06:06
06:06:06
06:06
06:06 AM (AM/PM)

 function formatTimeStamp(timeStamp, type) {let res = '';let date = new Date(timeStamp);let year = date.getFullYear();let month = (date.getMonth() + 1).toString().padStart(2, '0');let day = date.getDate().toString().padStart(2, '0');let hour = date.getHours().toString().padStart(2, '0');let minus = date.getMinutes().toString().padStart(2, '0');let second = date.getSeconds().toString().padStart(2, '0');switch (type) {case 'YYYY':res = `${year}`;break;case 'YYYY-MM':res = `${year}-${month}`;break;case 'YYYY-MM-dd':res = `${year}-${month}-${day}`;break;case 'dd EN YYYY':res = `${day} ${convertToEnglishMonthAbbreviation(month)} ${year}`;break;case 'YYYY/MM/dd':res = `${year}/${month}/${day}`;break;case 'MM-dd HH:mm':res = `${month}-${day} ${hour}:${minus}`;break;case 'MM/dd HH:mm':res = `${month}/${day} ${hour}:${minus}`;break;case 'YYYY-MM-dd HH:mm':res = `${year}-${month}-${day} ${hour}:${minus}`;break;case 'YYYY/MM/dd HH:mm':res = `${year}/${month}/${day} ${hour}:${minus}`;break;case 'YYYY-MM-dd HH:mm:ss':res = `${year}-${month}-${day} ${hour}:${minus}:${second}`;break;case 'YYYY/MM/dd HH:mm:ss':res = `${year}/${month}/${day} ${hour}:${minus}:${second}`;break;case 'HH:mm:ss':res = `${hour}:${minus}:${second}`;break;case 'HH:mm':res = `${hour}:${minus}`;break;case 'HH:mm M':let M=`${hour}:${minus}`;res = formatTime(M)break;}return res;
}function formatTime(time) {let hour = parseInt(time.split(':')[0]);let minute = parseInt(time.split(':')[1]);let period = hour >= 12 ? 'PM' : 'AM';hour = hour % 12;hour = hour ? hour : 12;let formattedTime = ('0' + hour).slice(-2) + ':' + ('0' + minute).slice(-2) + ' ' + period;return formattedTime;
}
function convertToEnglishMonthAbbreviation(month) {let date = new Date();date.setMonth(month - 1);let options = { month: 'short' };let englishMonthAbbreviation = date.toLocaleString('en-US', options); return englishMonthAbbreviation;
}formatTimeStamp(1325347200000,'YYYY')
formatTimeStamp(1325347200000,'YYYY-MM')
formatTimeStamp(1325347200000,'YYYY-MM-dd')
formatTimeStamp(1325347200000,'dd EN YYYY')
formatTimeStamp(1325347200000,'YYYY/MM/dd')
formatTimeStamp(1325347200000,'MM-dd HH:mm')
formatTimeStamp(1325347200000,'MM/dd HH:mm')
formatTimeStamp(1325347200000,'YYYY-MM-dd HH:mm')
formatTimeStamp(1325347200000,'YYYY/MM/dd HH:mm')
formatTimeStamp(1325347200000,'YYYY-MM-dd HH:mm:ss')
formatTimeStamp(1325347200000,'YYYY/MM/dd HH:mm:ss')
formatTimeStamp(1325347200000,'HH:mm:ss')
formatTimeStamp(1325347200000,'HH:mm')
formatTimeStamp(1325347200000,'HH:mm M')// 2024
// 2024-04
// 2024-04-14
// 2024-04-14 06:06
// 14 Apr 2024
// 2024/04/14
// 04-14 06:06
// 04/14 06:06
// 2024-04-14 06:06
// 2024/04/14 06:06
// 2024-04-14 06:06:06
// 2024/04/14 06:06:06
// 06:06:06
// 06:06
// 06:06 AM 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/814756.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

opencv基础图行展示

"""试用opencv创建画布并显示矩形框(适用于目标检测图像可视化) """ # 创建一个黑色的画布,图像格式(BGR) img np.zeros((512, 512, 3), np.uint8)# 画一个矩形:给定左上角和右下角坐标&#xff0…

速成英语语法(2)

be动词 表示事物的性质和状态 ..是.. ..有.. I am Tom 我是汤姆 There are seven days in a week 一个星期有七天be动词的种类 am/is/are 我am 它/她/他is 你arebe的疑问句 含be的陈述句变为疑问句 主语和be对换位置 Are you ready? 你准备好了吗?be的否定否定句 b…

数据结构:去发现顺序表的魅力所在

✨✨小新课堂开课了,欢迎欢迎~✨✨ 🎈🎈养成好习惯,先赞后看哦~🎈🎈 所属专栏:http://t.csdnimg.cn/oHJAK(数据结构与算法) 小新的主页:编程版小新-CSDN博客 …

Docker入门实战教程

文章目录 Docker引擎的安装Docker比vm虚拟机快 Docker常用命令帮助启动类命令镜像命令docker imagesdocker searchdocker pulldocker system dfdocker rmi 容器命令redis前台交互式启动redis后台守护式启动Nginx容器运行ubuntu交互式运行tomcat交互式运行对外暴露访问端口 Dock…

Linux的内存管理子系统

大家好,今天给大家介绍Linux的内存管理子系统,文章末尾附有分享大家一个资料包,差不多150多G。里面学习内容、面经、项目都比较新也比较全!可进群免费领取。 Linux的内存管理子系统是Linux内核中一个非常重要且复杂的子系统&#…

防火墙操作!

当小编在Linux服务器上部署好程序以后,但是输入URL出现下述情况,原来是防火墙的原因!! 下面是一些防火墙操作! 为保证系统安全,服务器的防火墙不建议关闭!! 但是,我们可…

【网络安全】WebPack源码(前端源码)泄露 + jsmap文件还原

前言 webpack是一个JavaScript应用程序的静态资源打包器。它构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。大部分Vue等项目应用会使用webpack进行打包,使用webpack打包应用程序会在网站js…

20240327-1-评测指标面试题

评测指标面试题 metric主要用来评测机器学习模型的好坏程度,不同的任务应该选择不同的评价指标,分类,回归和排序问题应该选择不同的评价函数. 不同的问题应该不同对待,即使都是分类问题也不应该唯评价函数论,不同问题不同分析. 回归(Regression) 平均绝对误差(MAE) 平均绝对…

CMake 学习笔记2

其他很好的总结 CMake教程系列-01-最小配置示例 - 知乎 CMake 保姆级教程(上) | 爱编程的大丙 10-补充(完结)_哔哩哔哩_bilibili 1、基本关键字 SET命令的补充 (1)SET命令设置执行标准 #增加-stdc11 set(CMAKE_CXX_STANDARD…

并查集的延伸--克鲁斯卡尔法求最小生成树MST

并查集的延伸--克鲁斯卡尔法求最小生成树MST 力扣 1135 力扣 1584并查集 UnionFind.java 力扣 1135 力扣 1584 package com.caoii;/**program:labu-pratice-study*package:com.caoii*author: Alan*Time: 2024/4/14 9:09*description: 最小生成树相关题目测试*/import org.jun…

Terminal 美化

摘自:Mac 系统终端美化与 ZSH 多设备配置同步共享 个人对 iTerm2 等第三方终端工具不太感冒,一直在用系统内置终端。 相比之下,系统自带的 Terminal 可谓是简陋啊。 安装了 Oh My Zsh,加上一些插件,感觉还行。 再调…

如何防止软件过度封装和抽象?

一、合适的软件架构 构建可读性强、高内聚、低耦合的软件架构是软件工程中的重要原则,这有助于提高代码的维护性、扩展性和复用性。以下是一些实践方法: 1. **模块化设计**:将系统划分为一系列职责单一、功能明确的模块或组件,每…

ELK企业级日志分析系统以及多种部署

目录 ELK简介 ELK简介 ELK平台是一套完整的日志集中处理解决方案,将 ElasticSearch、Logstash 和 Kiabana 三个开源工具配合使用, 完成更强大的用户对日志的查询、排序、统计需求。 ●ElasticSearch:是基于Lucene(一个全文检索引…

windows应急中的快捷键

windows应急中的快捷键 应急的时候,快捷键很重要,记录一下windows主机排查需要用到的快捷键 windows快捷键 appwiz.cpl 是打开安装面板 程序和功能 控制面板程序和功能 搜索程序和功能 控制而板主页 卸载或更改程序 若要卸酸程序,请从列表中将其…

Python工程师面试高频题:return 和 yield之间到底有啥区别?

在编程语言 Python 中,yield 和 return 是两个在函数中用于返回值的关键字,但它们在功能和使用场景上有着本质的区别。理解这两者的区别,对于编写更高效、更灵活的 Python 代码至关重要。 看图说话 首先我们来看下面这张图片,该…

跨平台桌面应用 Electron 入门学习

本文章主要为该视频的学习笔记,如果侵权会速删。 Electron 01 课程介绍_哔哩哔哩_bilibiliElectron 01 课程介绍, 视频播放量 3046、弹幕量 0、点赞数 75、投硬币枚数 43、收藏人数 179、转发人数 2, 视频作者 极客丶张德龙, 作者简介 当你的能力还不足以撑起自己的…

使用UDP实现TCP的功能,会带来什么好处?

比较孤陋寡闻,只知道QUIC TCPQUIC握手延迟TCP需要三次握手TLS握手三次握手TLS握手放在一起,实现0RTT头阻塞问题TCP丢失保文,会影响所有的应用数据包基于UDP封装传输层Stream,Stream内部保序,Stream之间不存在相互影响…

Coursera吴恩达《深度学习》课程总结(全)

这里有Coursera吴恩达《深度学习》课程的完整学习笔记,一共5门课:《神经网络和深度学习》、《改善深层神经网络》、《结构化机器学习项目》、《卷积神经网络》和《序列模型》, 第一门课:神经网络和深度学习基础,介绍一…

每日一题(leetcode238):除自身以外数组的乘积--前缀和

不进阶是创建两个数组&#xff1a; class Solution { public:vector<int> productExceptSelf(vector<int>& nums) {int nnums.size();vector<int> left(n);vector<int> right(n);int mul1;for(int i0;i<n;i){mul*nums[i];left[i]mul;}mul1;for…

攻防世界12-baby_web

12-baby_web 题目说想想初始页面是哪个&#xff0c;一般都是index.php&#xff0c;然后如题分析即可。 我们在链接后面拼接上/index.php&#xff0c;返回后发现界面又回到了1.php&#xff0c;有可能是重定向。 我们点击检查-网络&#xff0c;发现没有index的请求&#xff0c;…