当前位置: 首页 > news >正文

JavaScript 中处理日期格式化

在 JavaScript 中处理日期格式化,原生能力确实有限,但现代的 Intl 对象提供了不错的基础支持。对于更复杂或要求高的场景,社区一些优秀的库能让你事半功倍。

下面这个表格整理了主要的日期格式化方案,帮你快速了解:

方案类型 代表库/方法 核心特点 适用场景
原生 JS 方案 Intl.DateTimeFormat 浏览器内置,支持国际化,无需额外依赖 简单的、对包体积敏感的需求
手动拼接 完全控制输出格式,代码灵活 极简单的特定格式,且不愿引入任何工具
第三方库 Day.js 轻量(仅 2kB),API 与 Moment.js 相似 绝大多数项目,平衡功能与体积
date-fns 函数式、模块化,按需引入 模块化项目,追求 tree shaking
Moment.js 功能极其全面,社区资源丰富 遗留项目,或需要处理非常复杂的日期时间

💻 原生 JavaScript 方案

如果需求简单,或者你特别在意包大小,原生能力基本够用。

  1. Intl.DateTimeFormat (推荐)
    这是目前浏览器原生方法里最强大和现代的,尤其擅长处理国际化。

    const date = new Date();
    const formatter = new Intl.DateTimeFormat('zh-CN', {year: 'numeric',month: '2-digit',day: '2-digit',hour: '2-digit',minute: '2-digit',second: '2-digit',hour12: false // 使用24小时制
    });
    console.log(formatter.format(date)); // 输出示例: "2023/10/05 15:24:00"
    
  2. 手动拼接
    这种方式就是直接获取日期的各个部分,然后拼成你想要的字符串。

    function formatDate(date) {const year = date.getFullYear();const month = String(date.getMonth() + 1).padStart(2, '0');const day = String(date.getDate()).padStart(2, '0');const hours = String(date.getHours()).padStart(2, '0');const minutes = String(date.getMinutes()).padStart(2, '0');const seconds = String(date.getSeconds()).padStart(2, '0');return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
    }console.log(formatDate(new Date())); // 输出示例: "2023-10-05 15:24:00"
    

    缺点也很明显:代码相对繁琐,处理12小时制、时区、本地化等会很麻烦。

🧰 第三方库推荐

当原生方法无法满足需求时,下面这些库是更好的选择。

  1. Day.js:现代轻量之选

    • 优势:API 设计友好,体积极小,可以通过插件扩展功能(如时区、相对时间等)。
    • 示例
      import dayjs from 'dayjs';console.log(dayjs().format('YYYY-MM-DD')); // 输出示例:"2025-03-26"
      console.log(dayjs().format('YYYY-MM-DD HH:mm:ss')); // 输出示例:"2025-06-05 10:00:00"
      
  2. date-fns:模块化工具集

    • 优势函数式编程风格,利于 tree shaking,特别适合在模块化打包的项目中使用,可以只引入你用到的方法。
    • 示例
      import { format } from 'date-fns';console.log(format(new Date(), 'yyyy-MM-dd HH:mm:ss')); // 输出示例:"2023-06-05 10:00:00"
      

💎 如何选择?

  • 追求小巧、易上手,应对大部分日常场景:直接选择 Day.js
  • 项目基于模块化构建,且注重代码最优打包:可以考虑 date-fns
  • 处理简单日期显示,且不希望任何外部依赖:使用原生的 Intl.DateTimeFormat
  • 维护老项目,或需要进行极其复杂的日期操作(如大量历史时区转换):才考虑 Moment.js
http://www.hskmm.com/?act=detail&tid=33090

相关文章:

  • 2025年在线粘度计厂家推荐排行榜,实验室在线粘度计,工业在线粘度计,高精度在线粘度计公司推荐!
  • 找到M3U8直播源的方法
  • 2025年临床样本冷链运输服务商推荐榜单,专业冷链物流,生物样本运输公司精选!
  • 2025年网格川字塑料托盘厂家推荐排行榜,耐用抗压,仓储物流首选!
  • 基于MATLAB的FIR和IIR低通/带通滤波器实现
  • 基于模糊C均值聚类(FCM)的图像分割技术
  • 2025年广告衫厂家推荐排行榜,防静电/劳保/国网/餐厅/工厂/电工/防酸碱/电力/车间/航空/员工/文化衫/T恤/POLO衫/冲锋衣公司推荐!
  • 2025年管道安装厂家权威推荐榜单:专业施工与优质服务口碑之选!
  • 2025年流量控制器厂家推荐排行榜,气体流量控制器,液体流量控制器,智能流量控制器公司精选!
  • 04-格式控制符
  • 2025年铝方通厂家推荐排行榜,专业生产与设计实力兼备的优质品牌!
  • 2025年沸腾制粒机厂家权威推荐榜:沸腾制粒/湿法混合/摇摆制粒机,专业性能与客户口碑深度解析及优质品牌推荐!
  • 2025年聚乙烯多功能防水篷布厂家推荐排行榜,耐用防水,户外必备优质品牌!
  • 2025年柴油发电机组厂家权威推荐榜:静音高效与持久耐用的行业首选!
  • SQL Server中关于 INSERTED.Id 与 SCOPE_IDENTITY() 获取新增数据的Id
  • 2025年鸡精生产线/鸡精生产设备厂家推荐排行榜,高效节能与智能化生产之选!
  • neural network中的tensor是什么?
  • 2025年工厂维保,工厂机电维修,工厂应急维修,工厂运维服务厂家推荐排行榜,专业高效与全方位保障之选!
  • 2025/10/17
  • 2025年视频拍摄服务权威推荐榜:创意剪辑与高清画质完美结合,打造视觉盛宴!
  • pytorch p66实训二
  • 有没有人坐11.1号晚上9点的火车返回衡水,大家要一起走么
  • 2025年10月权威更新:门头/仿木纹板/拉网/铝复合板/锥芯板/太空舱/铝蜂窝板/铝单板厂家排行榜前十强推荐与选购指南四川汇才以实力登顶
  • 2025年网络推广服务商权威推荐榜单,SEO优化,SEM营销,社交媒体推广,内容营销公司推荐
  • 日志分析-Tomcat日志分析
  • Cursor国内用户无法使用模型(Model not avilable)解决方案
  • 2025年手持式光谱仪厂家权威推荐榜单:精准检测与便携操作的行业首选!
  • 图像恢复任务
  • 2025年冷轧机/热轧机厂家推荐排行榜,专业生产与技术创新实力之选!
  • CF1325F Ehabs Last Theorem 题解