时间戳

首页 > 解决方案 > 在 laravel 中使用不属于 JQuery UI 的 jquery 插件

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

问题描述

我正在尝试使用 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 插件。协助将不胜感激。

标签： jquerylaravelnpmtimepicker

解决方案

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

推荐阅读