是否可以将自定义类应用于 bootstrap.datepicker 按钮答案

【问题标题】：is it possible to apply a custom class to bootstrap.datepicker buttons是否可以将自定义类应用于 bootstrap.datepicker 按钮
【发布时间】：2014-02-21 03:04:40
【问题描述】：

我是新手。目前我正在使用引导日期选择器(ui.bootstrap.datepicker)

在我们导航月份的(ui.bootstrap.datepicker) 按钮中，有名为.pull-left 和.pull-right 的类。

问题是我的应用程序中已经有了这些类。是否可以重命名默认引导类或将自定义类应用于引导按钮。

【问题讨论】：

在您的应用程序中重命名它们不是更容易吗？
@bnjmn 哦，不，这将是一项艰巨的工作，我将至少更改 60 个文件
然后根据日期选择器中的其他类编写更具体的规则，这样特异性就不会与您的应用程序规则发生冲突。除了浮动之外，这两个类中没有太多

标签： angularjs twitter-bootstrap twitter-bootstrap-3 angular-ui-bootstrap

【解决方案1】：

您可以在 ui-bootstrap.tpls 中找到模板代码。复制并粘贴模块模板代码：

angular.module("template/datepicker/datepicker.html", []).run(["$templateCache",
    function($templateCache) {
        $templateCache.put("template/datepicker/datepicker.html",
            "<table>\n" +
            "  <thead>\n" +
            "    <tr class=\"text-center\">\n" +
            "      <th><button type=\"button\" class=\"btn pull-left\" ng-click=\"move(-1)\"><i class=\"fa fa-chevron-circle-left\"></i></button></th>\n" +
            "      <th colspan=\"{{rows[0].length - 2 + showWeekNumbers}}\"><button type=\"button\" class=\"btn btn-block\" ng-click=\"toggleMode()\"><strong>{{title}}</strong></button></th>\n" +
            "      <th><button type=\"button\" class=\"btn pull-right\" ng-click=\"move(1)\"><i class=\"fa fa-chevron-circle-right\"></i></button></th>\n" +
            "    </tr>\n" +
            "    <tr class=\"text-center\" ng-show=\"labels.length > 0\">\n" +
            "      <th ng-show=\"showWeekNumbers\">#</th>\n" +
            "      <th ng-repeat=\"label in labels\">{{label}}</th>\n" +
            "    </tr>\n" +
            "  </thead>\n" +
            "  <tbody>\n" +
            "    <tr ng-repeat=\"row in rows\">\n" +
            "      <td ng-show=\"showWeekNumbers\" class=\"text-center\"><em>{{ getWeekNumber(row) }}</em></td>\n" +
            "      <td ng-repeat=\"dt in row\" class=\"text-center\">\n" +
            "        <button type=\"button\" style=\"width:100%;\" class=\"btn\" ng-class=\"{'btn-info': dt.selected}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\"><span ng-class=\"{muted: dt.secondary}\">{{dt.label}}</span></button>\n" +
            "      </td>\n" +
            "    </tr>\n" +
            "  </tbody>\n" +
            "</table>\n" +
            "");
    }
]);

我会创建一个新文件，例如Templates.js 并将所有覆盖的代码放在那里。

【讨论】：