Question

我试图通过向Datepicker添加uib-tooltip的属性来做到这一点，但在我看到代码之后我看到它不是正确的方法... 任何人都有这样做的想法？非常感谢!!

Answer 1

我自己从未这样做，但我认为您可以覆盖默认的datepicker模板，只需在其中添加工具提示

可以找到here。

然后您可以转到day view template并在ng-repeat="dt in row"旁边添加工具提示

<td ng-repeat="dt in row" uib-tooltip="hello tooltip"class="uib-day text-center" role="gridcell"
    id="{{::dt.uid}}"
    ng-class="::dt.customClass">
    <!--<button type="button" class="btn btn-default btn-sm"
      uib-is-class="
        'btn-info' for selectedDt,
        'active' for activeDt
        on dt"
      ng-click="select(dt.date)"
      ng-disabled="::dt.disabled"
      tabindex="-1"><span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}">{{::dt.label}}</span></button>-->
</td>

如果您正在使用ui-bootstrap的缩小版本，您将不得不操纵某些组件的来源并自行缩小

UI Bootstrap datepicker - 每天添加工具提示（ui bootstrap tooltip）

1 个答案: