【问题标题】:How to get both JQuery-UI and datepicker localizations using NPM?如何使用 NPM 同时获得 JQuery-UI 和 datepicker 本地化?
【发布时间】: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 用于我的日期选择器。

【问题讨论】:

    标签: javascript jquery laravel datepicker


    【解决方案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>
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-02-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多