UI Bootstrap datepicker - Hinzufügen Tooltip (UI Bootstrap Tooltip) für jeden Tag

Question

Ich habe versucht, indem ich ein Attribut von Uib-Tooltip zu Datepicker hinzufügen, aber nachdem ich den Code sah ich habe gesehen, dass es nicht die ist richtiger Weg, das zu tun ... Wer hat eine Idee, das zu tun? Vielen Dank !!

Answer 1

Ich habe noch nie so selbst getan, aber ich glaube, Sie könnten nur die Standard-Datepicker-Vorlagen außer Kraft setzen und fügen Sie einfach einen Tooltip gibt

sie here gefunden werden können.

dann können Sie zum day view template gehen und ein Tooltip neben 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> 

hinzufügen Wenn Sie die verkleinerte Version verwenden ui-Bootstrap Sie einige der Komponente Quelle haben werden zu manipulieren und verkleinern Sie es selbst