微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – bootstrap-datepicker没有使用requirejs进行填充

我正在使用backbone.js require.js构建一个应用程序.我想在我的应用程序中使用datepicker: datepicker

由于它的非AMD,我在这样的requirejs中填充它:

require.config({
baseUrl: "appjs",paths:{
    jquery: '../layout_assets/assets/js/libs/jquery-1.8.2.min',dt: '../layout_assets/plugins/datatables/jquery.dataTables.min',dtPlugins:'../layout_assets/plugins/datatables/dtplugins',dtBootstrap: '../layout_assets/plugins/datatables/dataTables.bootstrap',underscore: '../assets/js/underscore-min',Backbone: '../assets/js/backbone-min',bootstrap: '../assets/js/bootstrap.min',datepicker:'../layout_assets/bootstrap-datepicker'
    },shim: {
        underscore:{
            exports:"_"
        },Backbone:{
            deps: ['underscore','jquery'],exports: "Backbone"
        },dt: {
        deps:['jquery'],exports: "dt"   
        },dtPlugins: {
            deps:['jquery','dt'],exports:"dtPlugins"
            },bootstrap: {
        deps:['jquery'],exports:"bootstrap"

        },dtBootstrap: {
            deps: ['dt',exports: "dtBootstrap"
        },datepicker:{
        deps:['jquery','bootstrap'],exports:"datepicker"
        }

        }

});

现在在我的一个观点中,我将datepicker称为:

define(['Backbone','underscore','jquery','datepicker','models/reports','dtBootstrap','bootstrap','text!templates/reports/dashboard.html',],function(Backbone,_,$,dp,report,dtBootstrap,bootstrap,dashboard){


        var view=Backbone.View.extend({
            el:"#content-wrap",template:_.template(dashboard),render:function(){
            this.$("#container-left").html(this.template());
            console.log(dp);
            }

    });
    return view;
    });

这将在控制台上返回undefined.我想这个库没有得到正确的填充.

解决方法

这是我使用的垫片:

"datepicker" : {
    deps: ["jquery-ui","bootstrap"],exports: "$.fn.datepicker"
}

对于

"datepicker": "lib/datepicker/js/bootstrap-datepicker"

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐