Angularjs 引导数据采集器更改模板

我尝试更改日期选择器的布局。我正在为日期选择器使用angular ui引导

我用这个标签

谁能给我举个例子吗

我的布局： 我想要的布局：

---

您应该看看Angle Strap项目，它试图实现相同的功能

---

看看这些。这不是很接近你想要的布局吗？

我刚刚为AngularStrap DatePicker构建了一个模板，它与Bootstrap DatePicker集成在一起。我认为eternicode datepicker的输出完全符合您的需要

以下是我的模板代码：

'<div class="datepicker datepicker-dropdown dropdown-menu datepicker-orient-left datepicker-orient-top" ng-class="\'datepicker-mode-\' + $mode"><div class="datepicker-days" style="display:block;"><table class=" table-condensed" style="width: 100%"><thead><tr><th class="prev" style="visibility: visible;" ng-click="$selectPane(-1)"><i class="{{$iconLeft}}"></i></th><th colspan="{{ rows[0].length - 2 }}" class=" datepicker-switch" ng-click="$toggleMode()" ng-bind="title"></th><th class="next" style="visibility: visible;" ng-click="$selectPane(+1)"><i class="{{$iconRight}}"></i></th></tr><tr ng-show="showLabels" ng-bind-html="labels"></tr></thead><tbody><tr ng-repeat="(i, row) in rows"><td class="day" ng-repeat="(j, el) in row" ng-class="{\'btn-primary\': el.selected, \'btn-info btn-today\': el.isToday && !el.selected, \'text-muted\': el.muted, \' old \':el.muted}" ng-click="$select(el.date)" ng-disabled="el.disabled" ng-bind="el.label"></td></tr></tbody></table></div></div>'

您可以使用AngularStrap.tpl.js中的内置模板替换此行，或将其放入datepicker/datepicker.tpl.html中AngularStrap datepicker的默认模板路径中的新.html文件中。 最后，您应该将EternicodeDatePicker的版本添加到页面中

---

我希望这可能会对您有所帮助。

的1.0版本允许您覆盖模板

这是我需要的，但我必须使用bootstrap ui，我也使用angular strap进行了尝试，但我得到了相同的结果，也是第一个日期选择器如果您单击plunker示例，您也将看到第一个layoutOh，我明白了。必须已更改其模板。但在strap中，您可以定义自己的模板，并将它们作为url添加到选项中。也许你现在应该检查一下这是否也可以在引导ui中实现。遗憾的是，这些演示页面总是滞后于实际版本：-\