如何在 bootstrap 4 datepicker 上更改语言

Question

我一直坚持将日历的语言从English（默认为FrenchBootstrap 4）更改为Bootstrap 4，但我做不到，这让我发疯！

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrapdatepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
<script src="./js/main.js"></script>
<script>
$(document).ready(function() {
    var date_input = $('input[name="date"]');
    var container = $('.input-group').length > 0 ? $('.input-group').parent() :
        'body';
    var options = {
        format: 'dd/mm/yyyy',
        container: container,
        todayHighlight: true,
        autoclose: true,
        daysOfWeekDisabled: [0, 6],
        weekStart: [1]
    };
    date_input.datepicker(options);
});
</script>

谢谢

Answer 1

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/locales/bootstrap-datepicker.fr.min.js"></script>

在 bootstrap-datepicker 之后使用这个标签。还有这个

$('.datepicker').datepicker({
      language: 'fr'})

它会起作用的。

Answer 2

这是因为您没有将语言键传递给选项。

尝试将此键添加为选项：

 var options = {
    language: 'fr'
};

js/locales 下提供所有语言环境。请务必在插件初始化后包含它。

参考：
1-https://bootstrap-datepicker.readthedocs.io/en/latest/i18n.html
2-https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#language
3-Change language for bootstrap DateTimePicker

Answer 3

您可以使用 lang 的翻译 i18n 并调用它，无需调用特定语言。像这样。

this.$i18n.t("fixed_pickups.weekdays.monday") }