Question

我正在使用Laravel构建一个出色的Web应用程序，并使用package.json定义了我的javascript依赖项，一切进展顺利。直到需要使用带有默认意大利语本地化的JQuery datepicker时为止。

在SO中，我得到了关于JQuery-UI和本地化的一百万条建议，例如JQuery UI datepicker localization，Localization not working in jQuery UI datePicker和jQuery UI Datepicker localization error on load。可悲的是，关于如何使其与NPM一起使用，以及与本地化文件的结合，都没有。

我可以下载源文件并使用它们，但是直到现在我还是很整洁，而且我也想知道如何为我的日期选择器使用NPM。

Answer 1

经过大量尝试，这是一个有效的版本。

首先，在package.json

中定义所有依赖项

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

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

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

webpack.mix.js

最后但并非最不重要的一点是，我在页面中添加了javascript文件的导入，

...
.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')
...

这很有趣，默认情况下以意大利语加载日期选择器

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

1 个答案: