import jQuery ui i18n

2hh7jdfx  于 2023-04-20  发布在  jQuery
关注(0)|答案(2)|浏览(199)

问题:我在react应用程序中有jQuery datepicker,它必须本地化为不同的语言(30 lang)。我从链接(https://github.com/jquery/jquery-ui/tree/master/ui/i18n)下载了所有的i18n文件,但它必须包含为<script>标签。
问:是否有办法导入此文件?使用webpackcommonjs?。我使用的是es6 import。是否有办法将它们全部捆绑并导入on文件?
欢迎提出任何建议。

6ljaweal

6ljaweal1#

**编辑:**是的,有一种方法:

您可以创建一个JavaScript函数,该函数将路径作为参数并创建以下HTML行:

<script src="js/datepicker-in-all-languages/datepicker-af.js"></script>
<script src="js/datepicker-in-all-languages/datepicker-ar-DZ.js"></script>
<script src="js/datepicker-in-all-languages/datepicker-ar.js"></script>

...................and for all other 30 languages................

你就把这个叫做:

loadLib("datepicker-in-all-languages/datepicker-af");
loadLib("datepicker-in-all-languages/datepicker-ar-DZ");
loadLib("datepicker-in-all-languages/datepicker-ar");

**编辑:**还可以在Grunt上获取一个战利品,这也是为了同样的目的。您可以设置grunt来监视脚本文件夹,并将它们合并/缩小到一个文件中,然后您只需将其包含在HTML文件中。:
**GruntJS用法(根据其官方页面):**有数百个插件可供选择,您可以使用Grunt以最小的努力自动化任何事情。
编辑:

还有一个jQuery ui i18 n的压缩文件,它由google托管。你可以在单个<script>标签中使用它:http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js.我发现它在这里的答案here.

qvtsj1bj

qvtsj1bj2#

我建议你把它们都捆起来,是不是很小。你可以这样做:

js ES6使用jquery-ui datepicker的i18 n

首先从jquery-ui-bundle包中导入jquery-ui(为webpack包管理器做好准备)。然后从原始jquery-ui lib包中加载本地化。
然后设置datepickers的本地化,最后datepickerize您的日期输入。

import 'jquery-ui-bundle';
const i18n_cs = require('jquery-ui/ui/i18n/datepicker-cs');

$.datepicker.setDefaults(i18n_cs);

$('.datepicker').datepicker();

相关问题