bootstrap-datepicker 没有被 requirejs 填充答案

【问题标题】：bootstrap-datepicker not getting shimmed with requirejsbootstrap-datepicker 没有被 requirejs 填充
【发布时间】：2013-02-26 09:30:06
【问题描述】：

我正在使用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','jquery'],
            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。我猜这个库没有得到正确的填充。

【问题讨论】：

我也有同样的问题。
我也有同样的问题。你有没有找到解决这个问题的方法？

标签： jquery backbone.js twitter-bootstrap requirejs

【解决方案1】：

这是我使用的垫片：

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

为

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

【讨论】：

需要jquery-ui吗？

【解决方案2】：

查看datepicker 的源代码，它看起来实际上并没有导出任何东西——这就是为什么requirejs 找不到要“连接”到的全局dt 变量（如果运行在window.dt浏览器环境）。根据datepicker的网站，它只是将其功能添加到jQuery对象中，不应该用作独立实例。来自其docs page 的示例：

$('#dp5').datepicker()
  .on('changeDate', function(ev){
    if (ev.date.valueOf() < startDate.valueOf()){
      ....
    }

});

你尝试过类似的方法吗？

我认为在这种情况下不需要匀场。

【讨论】：