在 laravel 中使用不属于 JQuery UI 的 jquery 插件答案

【问题标题】：using jquery plugins that are not part of JQuery UI in laravel在 laravel 中使用不属于 JQuery UI 的 jquery 插件
【发布时间】：2019-12-04 20:34:36
【问题描述】：

我正在尝试使用 jquery 插件（jQuery Timepicker），请参阅以下链接以获取其文档 ???? timepicker ！我使用 npm 安装它。我喜欢离线工作，这就是为什么我对使用 cdns 持怀疑态度。问题是当我初始化它时，

            $(document).ready(function(){
                $('.timepicker').timepicker({});
            });


    </script>

我收到一个错误： jQuery.Deferred 异常：$(...).timepicker 不是函数

我一直在使用 JQuery UI datepicker，它工作得很好。然而，我不得不将它导入 // resources/assets/js/app.js

    import $ from 'jquery';
    window.$ = window.jQuery = $;

    import 'jquery-ui/ui/widgets/datepicker.js';

我也尝试将 timepicker 作为小部件导入

     import 'jquery-ui/ui/widgets/timepicker.js';

但是当我运行“npm run dev”时出现错误

    ERROR in ./resources/js/app.js
    Module not found: Error: Can't resolve 'jquery-ui/ui/widgets/timepicker.js' in 'C:\xampp\htdocs\DoMyHomework\resources\js'
     @ ./resources/js/app.js 34:0-44
     @ multi ./resources/js/app.js ./resources/sass/app.scss

window.$ = window.jQuery = $;

import 'jquery-ui/ui/widgets/datepicker.js';
import 'jquery-ui/ui/widgets/timepicker.js';

// resources/assets/js/app.js
$('.datepicker').datepicker();
$('input.timepicker').timepicker();


        ERROR in ./resources/js/app.js
        Module not found: Error: Can't resolve 'jquery-ui/ui/widgets/timepicker.js' in 'C:\xampp\htdocs\DoMyHomework\resources\js'
         @ ./resources/js/app.js 34:0-44
         @ multi ./resources/js/app.js ./resources/sass/app.scss

如何使用诸如此类的 JQuery 插件。我们将不胜感激。

【问题讨论】：

标签： jquery laravel npm timepicker

【解决方案1】：

就我而言，我使用 npm 来安装软件包。为了使用依赖，需要来自resources/js/bootstrap.js的依赖

如下；

window.Dependency = require('dependencyYouWant');

【讨论】：

【解决方案2】：

检查 jQuery 插件是否在主 jQuery 库之后导入。

【讨论】：

您好。是的。 Jquery datepicker 工作得很好。时间选择器没有。