如何在 bootstrap 4 datepicker 上更改語言

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

<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- 更改引導程序 DateTimePicker 的語言

Answer 3

您可以使用 lang 的翻譯 i18n 並調用它，無需調用特定語言。 像這樣。

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