Bootstrap不集成Moment.js因其专注UI而非日期逻辑，需手动按Moment.js→Bootstrap→时间插件顺序加载，并正确激活locale；推荐改用更轻量的dayjs替代。
为什么不能直接在Bootstrap里“集成”Moment.js
Bootstrap 本身不处理时间格式化、时区转换或日期计算，它只提供样式和组件（比如 datepicker）。所谓“集成”，其实是你在用 Bootstrap 的 UI 组件时，需要 Moment.js 来支撑日期逻辑——比如 bootstrap-datetimepicker（老版本）或 tempusdominus-bootstrap-4（新维护版）依赖 Moment.js 做解析和显示。
如果你只是想格式化一个时间字符串并渲染到页面上，根本不需要 Bootstrap；如果用了 Bootstrap 的日期选择器却没配好 Moment.js，就会遇到 Uncaught ReferenceError: moment is not defined 或日期无法解析、本地化失效等问题。
加载顺序和依赖关系必须严格满足
Moment.js 必须在任何依赖它的 Bootstrap 插件之前加载，且不能被模块打包工具（如 Webpack）意外摇树掉（tree-shaken），尤其当插件是通过 require() 或 import 显式引用 moment 时。
- HTML 中按顺序引入：
<script></script>标签必须是：Moment.js → Bootstrap JS → 时间插件 JS（如tempusdominus-bootstrap-4） - 使用 npm + ES6 模块时，必须显式导入：
import 'moment';<br>import 'moment/locale/zh-cn';<br>moment.locale('zh-cn');<br>import 'tempusdominus-bootstrap-4'; - Webpack 用户注意：
moment默认会打包所有 locale 文件，导致体积暴涨。按需加载 locale 需配合ContextReplacementPlugin或改用dayjs替代
中文本地化失效的典型原因和修复
即使 moment 加载成功，bootstrap-datetimepicker 仍显示英文月份/星期，大概率是因为 locale 没激活或插件未读取。
- 确保调用
moment.locale('zh-cn')在插件初始化之前（不是仅 import） - 老版
bootstrap-datetimepicker需手动传入locale: moment.locale()选项，否则忽略全局 locale 设置 - 新版
tempusdominus-bootstrap-4默认读取moment.locale()，但若你用import 'moment/locale/zh-cn'却没调用moment.locale()，依然无效 - 检查浏览器控制台是否有
Cannot find module 'moment/locale/zh-cn'—— 这说明路径不对或未正确 require
更轻量、更现代的替代方案值得考虑
Moment.js 已进入维护模式，体积大（~300KB min+gzip）、API 设计陈旧。如果你只是做日期选择、格式化、相对时间（如“2小时前”），dayjs + dayjs/plugin/relativeTime + tempusdominus-dayjs 组合能节省 80% 体积，API 更简洁，且天然支持 tree-shaking。
例如替换 Moment 初始化：
import dayjs from 'dayjs';<br>import relativeTime from 'dayjs/plugin/relativeTime';<br>dayjs.extend(relativeTime);<br>// 然后传给 tempusdominus-dayjs 的 options.dateRenderer
真正卡在 Moment.js 和 Bootstrap 插件耦合里的，往往不是功能实现，而是 locale 加载时机、打包配置、插件版本错配——这些细节比语法本身更耗时间。
