如何使用 NPM 同时获得 JQuery-UI 和 datepicker 本地化？

Posted 2023-03-14

【中文标题】如何使用 NPM 同时获得 JQuery-UI 和 datepicker 本地化？

【英文标题】：How to get both JQuery-UI and datepicker localizations using NPM?

【发布时间】：2019-10-10 06:28:04

【问题描述】：

我正在使用 Laravel 构建一个出色的 Web 应用程序，使用 package.json 定义我的 javascript 依赖项，一切顺利。 直到我需要使用带有默认意大利语本地化的 JQuery 日期选择器。

查看 SO，我收到了一百万条关于 JQuery-UI 和本地化的建议，例如 JQuery UI datepicker localization、Localization not working in jQuery UI datePicker 和 jQuery UI Datepicker localization error on load。可悲的是，没有关于如何使其与 NPM 以及需要本地化文件一起使用的信息。

我可以下载源文件并使用它们，但直到现在我都设法保持整洁，我也很想了解如何将 NPM 用于我的日期选择器。

【参考方案1】：

经过大量尝试，这是一个工作版本。

首先，定义package.json中的所有依赖

...
"jquery-ui-dist": "^1.12.1",
"jquery-ui": "^1.12.1",
...

请注意，我需要BOTHjquery-ui-dist 版本（用于我们将使用的最小化版本）和jquery-ui，用于本地化文件。

也就是说，我必须将我的文件从 node_modules 文件夹（我不会在生产中导出）复制到 public/js 文件夹，然后我在 webpack.mix.js 中添加这些行

...
.scripts('node_modules/jquery-ui-dist/jquery-ui.min.js','public/js/jquery-ui.min.js')
.scripts('node_modules/jquery-ui/ui/i18n/datepicker-it.js','public/js/datepicker-it.js')
...

最后但同样重要的是，我在我的页面中添加了 javascript 文件的导入，

<script src="/js/jquery-ui.min.js"></script>
<script src="/js/datepicker-it.js"></script>

这就是诀窍，默认情况下以意大利语加载日期选择器