Question

我一直坚持将日历的语言从English更改为French的默认语言，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

这是因为您尚未将语言密钥传递给选项。

尝试将此密钥添加为选项：

 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 2

<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 3

您可以使用lang的翻译i18n进行调用，而无需调用特定的语言。这样。

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

如何在Bootstrap 4 Datepicker上更改语言

3 个答案: