JS日期格式化自动补0的小技巧

zhezhongyun 2024-12-03 06:24 45 浏览

我们在处理日期展示的时候经常需要将时间戳转换为格式化的日期，比较省力的方法是直接使用日期格式化的NPM包，比如：moment.js。但是有时候你不想因为这个小需求引入一个包，或者你想用原生JavaScript实现格式化。

可能的实现是这样的：

const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hour = date.getHours();
const min = date.getMinutes();
const ss = date.getSeconds();
console.log(`${year}-${month}-${day} ${hour}:${min}:${ss}`);
// 2021-8-1 10:31:45

但是这样还不符合格式，因为月份，日期，小时，分，秒有可能是一位数字，需要在数字前补0。所以上面的代码还需要修改一下：

const padZero = function(num){ return num < 10 ? `0${num}` : num;}
const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hour = date.getHours();
const min = date.getMinutes();
const ss = date.getSeconds();
console.log(`${year}-${padZero(month)}-${padZero(day)} ${padZero(hour)}:${padZero(min)}:${padZero(ss)}`); 
// 2021-08-01 10:38:26

我们实现了一个工具数字大小自动补零的方法，除了上面的方法还有别的方式吗？JavaScript作为一个非常灵活的语言，一定有其他的实现方式。今天就看到一个巧妙的解决办法。

const date = new Date();
const year = date.getFullYear();
const month = '0' + (date.getMonth() + 1);
const day = '0' + date.getDate();
const hour = '0' + date.getHours();
const min = '0' + date.getMinutes();
const ss = '0' + date.getSeconds();
console.log(`${year}-${month.slice(-2)}-${day.slice(-2)} ${hour.slice(-2)}:${min.slice(-2)}:${ss.slice(-2)}`); 
// 2021-08-01 13:43:29

先通过统一添加前缀字符"0"，然后再统一截取后两位字符。这样做确实很聪明，很好地达到了格式化的目的。

语言没有高低之分，水平在乎自己。

欢迎大家点赞，评论，收藏，转发。

HTML 格式化

上一篇：C#-代码折叠与代码格式化 036
下一篇：HTML知识系统学习(2)

JS日期格式化自动补0的小技巧

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

接口测试遇到500报错?别慌，你的头部可能有点问题

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

关于HTML5被简称做H5，你怎么看?（html5缩写）

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

现在页面实时聊天都使用Websocket技术实现吗?