Bootstrap Datepicker语言切换失败：如何改为葡萄牙语？

嘿，我之前也踩过这个一模一样的坑！你的初始化代码语法没问题，但漏掉了加载对应的语言包文件——这是bootstrap-datepicker切换语言的核心前提，光在配置里写language: 'pt-BR'根本不够。

下面是一步步的解决步骤：

1. 确认核心依赖已正确引入 #

首先确保你已经按顺序加载了bootstrap-datepicker的核心CSS和JS文件：

<!-- 先引入bootstrap-datepicker的样式文件 -->
<link rel="stylesheet" href="path/to/bootstrap-datepicker.min.css">

<!-- 再引入核心功能JS -->
<script src="path/to/bootstrap-datepicker.min.js"></script>

2. 引入pt-BR语言包文件 #

bootstrap-datepicker的语言包都存放在locales目录下，你必须单独引入巴西葡萄牙语的语言文件：

<!-- 方式1：如果是合并了所有语言的包文件 -->
<script src="path/to/bootstrap-datepicker.locales.min.js"></script>

<!-- 方式2：如果是单独的pt-BR语言文件 -->
<script src="path/to/locales/bootstrap-datepicker.pt-BR.min.js"></script>

提示：不同版本的datepicker语言包打包方式不同，有的是把所有语言合并成一个文件，有的是每个语言单独一个JS，根据你下载的版本选对应的引入方式就行。

3. 正确初始化日期选择器 #

现在再执行你的初始化代码，语言配置就能生效了：

<input type="text" name="date" class="form-control" id="date">

<script>
// 确保DOM加载完成后再初始化
$(document).ready(function() {
    $('#date').datepicker({
        language: 'pt-BR' // 这里的名称必须和语言包内定义的完全一致，就是pt-BR
    });
});
</script>

额外避坑提示 #

• 语言包的路径一定要正确，如果浏览器控制台报404错误，说明路径写错了，赶紧检查文件位置。
• 语言代码不能瞎改：bootstrap-datepicker里巴西葡萄牙语的标准代码就是pt-BR，别用pt、br这类简写，不然语言包识别不到。
• 如果要给所有日期选择器全局设置语言，可以提前写这一行：

$.fn.datepicker.defaults.language = 'pt-BR';

这样后续初始化的所有datepicker都会默认用葡萄牙语，不用每个都单独配置。

内容的提问来源于stack exchange，提问作者Natan Rocha Batista