jQuery datepicker 语言（本地化）如何在语言之间切换答案

【问题标题】：jQuery datepicker language (Localization) How to change between languagesjQuery datepicker 语言（本地化）如何在语言之间切换
【发布时间】：2019-04-23 15:38:24
【问题描述】：

我正在尝试将位置设置为我的 jQuery UI 日历，但它不起作用。

这些是我的链接：

头文件查看文件： header1.php

<head>  
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" href="<?php echo base_url("assets/testelib/jquery-ui.min.css"); ?>">

<script type="text/javascript" src="<?php echo base_url("assets/lib/jquery-3.3.1.min.js"); ?>"></script>

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/jquery-ui.min.js"); ?>"></script>

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/jquery-ui.js"); ?>"></script>

这些是我下载的 jQuery 在线示例中使用的示例文件，我正在尝试生成结果。 https://jqueryui.com/datepicker/

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/jquery-1.12.4.js"); ?>"></script>

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/jquery-ui-1.12.1.js"); ?>"></script>

现在直接从以下位置下载语言： https://github.com/jquery/jquery-ui/tree/master/ui/i18n

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/i18n/datepicker-de.js"); ?>"></script>

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/i18n/datepicker-fr.js"); ?>"></script>

<script type="text/javascript" src="<?php echo base_url("assets/lib/datepicker/i18n/datepicker-pt-BR.js"); ?>"></script>
<head>

和 VIEW 文件： register1.php

<body>

<script>
$(function() {
    $("#datepicker").datepicker($.datepicker.regional["de"]);       
    // Event onChange
    $("#locale").on("change", function() {
    $("#datepicker").datepicker("option", $.datepicker.regional[$(this).val()]);
});
});
</script>

<p>Date: <input type="text" id="datepicker">&nbsp;
 <select id="locale">
<option value="de" selected="selected">Deutsch (German)</option>                
<option value="">English</option>
<option value="fr">French (Fran&ccedil;ais)</option>
<option value="pt-BR">Portugues BR</option>
</select></p>

<body/>

请问我做错了什么？日历仅以默认语言（英语）显示日期等。

【问题讨论】：

标签： javascript jquery codeigniter jquery-ui

【解决方案1】：

这很有趣，以前没有用过。

我最终去了https://jqueryui.com/download/，并抓住了1.12.1 jquery版本，一切都只是为了以后好玩......

因此，我从该下载中获取了 jquery.js 和 jquery-ui.min.js 并将它们放在我的资产文件夹中（请参阅我使用的路径，但你的会很好）。

我的测试视图文件 - 随心所欲地称呼它...

<script src="<?= base_url('assets/datepicker/jquery.js'); ?>"></script>
<script src="<?= base_url('assets/datepicker/jquery-ui.min.js'); ?>"></script>

<script src="<?= base_url('assets/datepicker/datepicker-de.js'); ?>"></script>
<script src="<?= base_url('assets/datepicker/datepicker-fr.js'); ?>"></script>
<script src="<?= base_url('assets/datepicker/datepicker-pt-BR.js'); ?>"></script>


<p>Date: <input type="text" id="datepicker">&nbsp;
    <select id="locale">
        <option value="de" selected="selected">Deutsch (German)</option>
        <option value="en">English</option>
        <option value="fr">French (Fran&ccedil;ais)</option>
        <option value="pt-BR">Portugues BR</option>
    </select>
</p>

<script>
    let domDatePicker = $("#datepicker");
    $(function () {
        domDatePicker.datepicker(); // <<< it appears this needs to be called first.
        domDatePicker.datepicker("option", $.datepicker.regional["de"]);
        $("#locale").on("change", function () {
            console.log($(this).val());
            domDatePicker.datepicker("option", $.datepicker.regional[$(this).val()]);
        });
    });
</script>

仅供参考 - 我将 DOM 元素分配给一个变量，然后引用它...这就是 let domDatePicker = $("#datepicker"); 的来源。

从我的经验（我的修修补补）看来，您需要先初始化日期选择器。即domDatePicker.datepicker();，否则在 Linux 上使用 Google Chrome 时，除非您做出看起来很奇怪的选择，否则什么都不会出现。

无论如何，希望这能让你更接近完美运作的东西。

【讨论】：

你好@TimBrownlaw，谢谢你的光，但这还不是答案。有趣的是，有了这个脚本，日历会自动捕捉浏览器语言。我在 pt-BR 中使用浏览器。当我更改选择时，对于 DE、FR 或 EN，日历继续显示在 pt-BR 中。什么应该是另一种选择:)？
抱歉回复晚了。您是否自行尝试了示例测试代码，没有任何其他链接/包含等。