Angularjs 向angular ui引导的日期选择器添加ID

这是我的代码，在生成每个日期持有者div和日期选择器之后。。但是你想知道他们的身份吗

<div class="col-xs-12 tn-dateContainers" ng-controller="DatepickerDemoCtrl">    
                            <div class="dateHolder mgl" datepicker-popup="{{format}}" ng-click="openSD($event)" ng-model="dateHolder.startDate" is-open="openedSD" datepicker-options="dateOptions" ng-required="true" close-on-date-selection="false" close-text="Close" >
                                <span class="dateIcoImg"><img src="img/icon-calendar.png" alt=""></span>
                                <span class="dateIcoText">Start Date</span>
                            </div>

                            <div class="dateHolder" datepicker-popup="{{format}}" ng-click="openED($event)" ng-model="dateHolder.endDate" is-open="openedED" datepicker-options="dateOptions" ng-required="true" close-on-date-selection="false" close-text="Close">
                                <span class="dateIcoImg"><img src="img/icon-calendar.png" alt=""></span>
                                <span class="dateIcoText">End Date</span>
                            </div>
                        </div>

---

您可以使用自己的定义替换模板缓存中datepicker弹出窗口的模板，并在其中添加样式和id。注意，它会影响应用程序中使用datepicker弹出窗口的每个地方

angular.module("template/datepicker/popup.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("template/datepicker/popup.html",
      "<ul class=\"dropdown-menu my-css-style\" ng-style=\"{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}\">\n" +
      " <li ng-transclude></li>\n" +
      " <li ng-show=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n" +
      "     <span class=\"btn-group\" style=\"margin-bottom:10px\">\n" +
      "         <button type=\"button\" class=\"btn btn-sm btn-info\" ng-click=\"today()\">{{currentText}}</button>\n" +
      "         <button type=\"button\" class=\"btn btn-sm btn-default\" ng-click=\"showWeeks = ! showWeeks\" ng-class=\"{active: showWeeks}\">{{toggleWeeksText}}</button>\n" +
      "         <button type=\"button\" class=\"btn btn-sm btn-danger\" ng-click=\"clear()\">{{clearText}}</button>\n" +
      "     </span>\n" +
      "     <button type=\"button\" class=\"btn btn-sm btn-success pull-right\" ng-click=\"isOpen = false\">{{closeText}}</button>\n" +
      " </li>\n" +
      "</ul>\n" +
      "");
}]);

angular.module（“template/datepicker/popup.html”，[]）。运行（[“$templateCache”，函数（$templateCache）{
$templateCache.put（“template/datepicker/popup.html”，
“
\n”+
“
\n”+
“
\n”+
“\n”+
“{{currentText}}}\n”+
“{{toggleWeeksText}}\n”+
“{{clearText}}}\n”+
“\n”+
“{{closeText}}}\n”+
“
\n”+
“
\n”+
"");
}]);

这是我想要的方式，我不想对默认角度做任何更改。。但是谢谢

angular.module("template/datepicker/popup.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("template/datepicker/popup.html",
      "<ul class=\"dropdown-menu my-css-style\" ng-style=\"{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}\">\n" +
      " <li ng-transclude></li>\n" +
      " <li ng-show=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n" +
      "     <span class=\"btn-group\" style=\"margin-bottom:10px\">\n" +
      "         <button type=\"button\" class=\"btn btn-sm btn-info\" ng-click=\"today()\">{{currentText}}</button>\n" +
      "         <button type=\"button\" class=\"btn btn-sm btn-default\" ng-click=\"showWeeks = ! showWeeks\" ng-class=\"{active: showWeeks}\">{{toggleWeeksText}}</button>\n" +
      "         <button type=\"button\" class=\"btn btn-sm btn-danger\" ng-click=\"clear()\">{{clearText}}</button>\n" +
      "     </span>\n" +
      "     <button type=\"button\" class=\"btn btn-sm btn-success pull-right\" ng-click=\"isOpen = false\">{{closeText}}</button>\n" +
      " </li>\n" +
      "</ul>\n" +
      "");
}]);