如何格式化日期_j*ascript中日期对象如何操作？_寅奏圩（云南）信息咨询有限公司

分类

如何格式化日期_j*ascript中日期对象如何操作？2025-12-13 11:13:03

J*aScript Date格式化需手动拼接或用Intl API、第三方库；toLocaleString()适合本地化展示，手动拼接可定制固定格式，Intl.DateTimeFormat高性能可复用，解析字符串需注意时区陷阱。

如何格式化日期_javascript中日期对象如何操作？

J*aScript 中的 Date 对象本身不直接提供格式化方法，得靠手动拼接或借助 Intl API、第三方库（如 dayjs）来实现。核心思路是：先获取年月日时分秒等数值，再按需组合成字符串。

这是最轻量、无需额外处理的方式，适合展示给用户看：

date.toLocaleDateString('zh-CN') → "2025年6月12日"
date.toLocaleTimeString('zh-CN') → "下午3:28:45"
date.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }) → "2025/06/12"

支持语言标签和选项对象，可精细控制年月日时分秒是否显示、是否带前导零、星期几等。

适合需要固定格式、兼容性要求高或服务端交互的场景：

Figma

Figma 是一款基于云端的 UI 设计工具，可以在线进行产品原型、设计、评审、交付等工作。

1371 查看详情 Figma

用 getFullYear()、getMonth() + 1（注意月份从 0 开始）、getDate() 等方法取值
用 String.prototype.padStart(2, '0') 补零，避免出现 "2025-6-5 9:7:3"
示例：
const d = new Date();
const fmt = `${d.getFullYear()}-${(d.getMonth() + 1).toString().padStart(2, '0')}-${d.getDate().toString().padStart(2, '0')} ${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}:${d.getSeconds().toString().padStart(2, '0')}`;

比 toLocaleString 更底层、更灵活，也更适合多次调用（可复用 formatter 实例）：

const fmt = new Intl.DateTimeFormat('zh-CN', { dateStyle: 'medium', timeStyle: 'short' });
fmt.format(new Date()) → "2025年6月12日下午3:28"
支持严格配置：year、month、day、hour、minute、second、weekday、era、timeZone 等
自动适配时区（传入 timeZone: 'Asia/Shanghai' 即可）

Date 构造函数对字符串格式敏感，不同写法行为可能不一致：

基本上就这些。不复杂但容易忽略细节，尤其是时区和字符串解析规则。

以上就是如何格式化日期_j*ascript中日期对象如何操作？的详细内容，更多请关注其它相关文章！

分享到：

快速导航×