聊聊隐藏 div 的两种方式及差异
记一次因 display:none 和 visibility:hidden 理解偏差导致的布局翻车,顺带把 CSS 与 JS 动态控制也说清楚。
支持通配符SSL证书、多域名证书、IP证书。适配ACME接口, 支持Zerossl、Let's Encrypt和Google等渠道。登录已有账号
2026-07-26 01:15:42 JavaScript 日期格式化 yyyyMMdd
格式化日期这个需求在业务里时不时就冒出来,比如生成文件名、拼接口入参,很多时候就要 yyyyMMdd 这种没有分隔符的干净格式。
下面是我一直在用的一个小函数,几行搞定。
function formatDateToYYYYMMDD(date) {
const year = date.getFullYear();
const month = ('0' + (date.getMonth() + 1)).slice(-2);
const day = ('0' + date.getDate()).slice(-2);
return `${year}${month}${day}`;
}
const currentDate = new Date();
const formattedDate = formatDateToYYYYMMDD(currentDate);
console.log(formattedDate); // 输出类似 '20250604'
几个点稍微说一下。getMonth 返回的月份是从 0 开始的,所以一定要加 1,不然 12 月就变成 11 了,线上跑起来日期就全错位了。
补零用的是 ('0' + 数字).slice(-2) 这个老套路,不用额外判断长度,两位数直接取后两位,一位数前面刚好补个零。很多人一开始会写个三目运算符或者 if 判断,其实没必要。
除了自己写这个函数,原生 API 也能凑合,比如 Intl.DateTimeFormat。用 zh-CN 地区,可以拿到带分隔符的日期,再把年月日这些汉字或斜杠替换掉,也能得到想要的结果。
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
const formatter = new Intl.DateTimeFormat('zh-CN', options);
console.log(formatter.format(new Date()).replace(/[\/年月]/g, '')); // 输出类似 '20250604'
但这么干又引入了一个正则清理步骤,不如前面的函数直接。自己控制也更踏实,不会因为浏览器区域设置差异产生意外格式。
如果项目里已经引了 Moment.js,那用它也行。一个方法调用就出来了:
const moment = require('moment');
const formattedDate = moment().format('YYYYMMDD');
console.log(formattedDate);
不过 moment 体积不小,如果项目里本来没引,为这一个格式化单独加这个依赖就不太值了。
说白了,碰到 yyyyMMdd 的需求,多数时候我会直接用开头那个自定义函数,简单可靠。如果项目里已经有 moment,拿来就用省一行代码。
两种路数都可以,看当时环境。
记一次因 display:none 和 visibility:hidden 理解偏差导致的布局翻车,顺带把 CSS 与 JS 动态控制也说清楚。
JSON数据满天飞,校验格式是常事。你是否还在尝试用复杂的正则表达式与嵌套的JSON搏斗?小心!正则可能让你陷入陷阱。本文将揭示为何`JSON.parse()`是JavaScript中校验JSON格式的黄金标准——它不仅能轻松应对各种嵌套,而且使用简单,准确无误。别再走弯路了,一起来看看如何高效校验!
刚接触JavaScript?别担心!这篇文章将用最直观的方式,带你认识向数组添加对象的四种『魔法』。无论是像列车加挂车厢(push),还是像队伍插入新成员(unshift),又或是精准外科手术般定位(splice),甚至是不动声色地创建一个新数组(扩展运算符),我们都会通过生动比喻,让你一眼看懂,轻松上手!
想要高效处理复杂数据转换?JS `map`方法正是你的理想选择。本文将聚焦`map`在实际前端项目中的应用场景,从数据格式化、列表渲染到API响应处理,通过一系列实用示例,展示如何巧妙运用`map`简化代码、提高开发效率,助你轻松应对各种数据挑战。
“Uncaught ReferenceError: Chart is not defined”是Chart.js开发者的噩梦。本指南将带你全面理解此类JavaScript运行时错误,涵盖库未加载、脚本引用顺序、函数参数使用不当等多种场景。通过实例讲解,助你系统掌握调试技巧,提升代码健壮性,从此轻松驾驭Chart.js图表。