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

Question

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

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


    </script>

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

我一直在使用 JQuery UI 日期选择器，它工作得很好。但是我不得不将它导入 // resources/assets/js/app.js

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

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

我也尝试将时间选择器导入为小部件

     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 插件。将不胜感激。

Answer 1

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

Answer 2

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

的依赖项

如下；

window.Dependency = require('dependencyYouWant');

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

using jquery plugins that are not part of JQuery UI in laravel

jquery

laravel

npm

timepicker