时间戳转换为日期格式(封装)

 在前端开发中,后端有时候传过来的数据为时间戳的格式 而我们又需要将其转换为时间格式来回显。所以需要一个可以转换时间戳的工具。

封装函数 

构建一个函数,传入我们的时间戳和我们想要的时间格式,通过JavaScript的时间对象方法,将其转换为我们想要的时间格式,再通过字符串的拼接方法结合我们的参数进行字符串的拼接,得到想要的结果。

function formatTimestampToDateString(timestamp, format = 'YYYY-MM-DD HH:mm:ss') {const date = new Date(timestamp);const year = date.getFullYear();const month = date.getMonth() + 1;const day = date.getDate();const hours = date.getHours();const minutes = date.getMinutes();const seconds = date.getSeconds();const formattedDate = format.replace('YYYY', year).replace('MM', addZero(month)).replace('DD', addZero(day)).replace('HH', addZero(hours)).replace('mm', addZero(minutes)).replace('ss', addZero(seconds));return formattedDate;
}function addZero(number) {return number < 10 ? '0' + number : number;
}

函数接收两个参数 时间戳  和 格式字符串

格式字符串 通常为 YYYY-MM-DD HH:mm:ss   或者 YYYY-MM-DD

当然也可以改为YYYY年MM月DD日 HH时mm分ss秒 

这取决于你的需求或者你喜欢哪种

效果展示

const time = 1600000000000;
const formattedTime = formatTimestampToDateString(time,"YYYY-MM-DD HH:mm:ss");
const formattedTime1 = formatTimestampToDateString(time,"YYYY年MM月DD日 HH时mm分ss秒");
const formattedTime2 = formatTimestampToDateString(time,"YYYY-MM-DD");
const formattedTime3 = formatTimestampToDateString(time,"YYYY年MM月DD日");
console.log(formattedTime,"YYYY-MM-DD HH:mm:ss")
console.log(formattedTime1,"YYYY年MM月DD日 HH时mm分ss秒")
console.log(formattedTime2,"YYYY-MM-DD")
console.log(formattedTime3,"YYYY年MM月DD日")

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

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

相关文章

JavaFramework JDK Version Test

测试JDK8 JDK17编译包 当前环境JDK8 CASE 1&#xff1a; /*** * author ZengWenFeng* email 117791303QQ.com* mobile 13805029595* date 2023-08-07*/ package zwf;import a.T; import ce.pub.util.GUID;/*** 测试高版本JDK编译JAR&#xff0c;低版本错误** author ZengWenF…

【Python表白系列】如何实现爱心光波的表白效果(完整代码)

文章目录 爱心光波环境需求完整代码详细分析系列文章爱心光波 环境需求 python3.11.4PyCharm Community Edition 2023.2.5pyinstaller6.2.0(可选,这个库用于打包,使程序没有python环境也可以运行,如果想发给好朋友的话需要这个库哦~)【注】 python环境搭建请见:https://w…

LeetCode | 965. 单值二叉树

LeetCode | 965. 单值二叉树 OJ链接 首先判断树为不为空&#xff0c;为空直接true然后判断左子树的val&#xff0c;和根的val相不相同再判断右子树的val&#xff0c;和根的val相不相同最后递归左子树和右子树 bool isUnivalTree(struct TreeNode* root) {if(root NULL)retur…

MIT线性代数笔记-第20讲-克拉默法则,逆矩阵,体积

目录 20.克拉默法则&#xff0c;逆矩阵&#xff0c;体积求逆公式克拉默法则用行列式关联体积 打赏 20.克拉默法则&#xff0c;逆矩阵&#xff0c;体积 求逆公式 考虑二阶方阵&#xff0c;有 [ a b c d ] − 1 1 a d − b c [ d − b − c a ] \begin{bmatrix} a & b \\ …

document

原贴连接 1.在整个文档范围内查询元素节点 功能API返回值根据id值查询document.getElementById(“id值”)一个具体的元素节根据标签名查询document.getElementsByTagName(“标签名”)元素节点数组根据name属性值查询document.getElementsByName(“name值”)元素节点数组根据类…

[Android] c++ 通过 JNI 调用 JAVA函数

如何使用&#xff1a; Calling Java from C with JNI - CodeProject c里的 JNI 类型 和 JAVA 类型的映射关系&#xff1a; JNI Types and Data Structures Primitive Types and Native Equivalents Java TypeNative TypeDescriptionbooleanjbooleanunsigned 8 bitsbytejbyt…

免费网页数据抓取工具教程

您是否想要从网页上获取一些有用的数据&#xff0c;比如新闻&#xff0c;博客&#xff0c;商品&#xff0c;评论等&#xff1f; 您是否觉得手动复制粘贴太麻烦太繁琐&#xff0c;而且容易出错&#xff1f; 您是否想要一款简单好用的网页数据抓取工具&#xff0c;让您只需几步…

MATLAB 模型参考自适应控制 - Model Reference Adaptive Control

系列文章目录 文章目录 系列文章目录前言一、参考模型二、扰动与不确定性模型三、直接 MRAC名义模型参数更新间接 MRAC估计器模型和控制器增益参数更新学习修正参考文献 前言 模型参考自适应控制模块计算控制动作&#xff0c;使不确定的受控系统跟踪给定参考被控对象模型的行为…

【C/PTA —— 13.指针2(课外实践)】

C/PTA —— 13.指针2&#xff08;课外实践&#xff09; 一.函数题6-1 鸡兔同笼问题6-2 冒泡排序6-3 字符串反正序连接6-4 计算最长的字符串长度6-5 查找星期 二.编程题7-1 C程序设计 实验5-7 数组指针作函数参数7-2 查找奥运五环色的位置 一.函数题 6-1 鸡兔同笼问题 int Chic…

Python 如何判断一个数组中的任意元素是否出现在另外一个数组中

需求 数组1&#xff1a;[双十一,工业机器人,智能物流,机器人概念,智慧停车,新能源汽车,智能制造] 数组2 &#xff1a;[专用设备,电力设备,化学制药,智能物流] 代码&#xff1a; def ExistsArray(sArray, dArray):result False;for item in sArray:if item in dArray:result …

Redis基本命令

文章目录 第1关&#xff1a;字符串、列表与集合第2关&#xff1a;哈希与有序集合第3关&#xff1a;Redis基本事务与其他命令 第1关&#xff1a;字符串、列表与集合 编程要求 根据提示&#xff0c;在右侧Begin-End区域补充代码&#xff0c;完成任务分配的后端处理逻辑&#xff…

“上云”还是“下云”?探云计算的下一站未来!

引言 10 月 27 日&#xff0c;X&#xff08;原Twitter&#xff09;工程技术发布帖子称&#xff0c;在过去的一年里&#xff0c;技术团队优化了 X 的云服务使用方式&#xff0c;着手将更多工作负载迁往本地基础设施。这一转变使 X 每月的云成本降低了 60%。所有媒体、Blob 存储均…