UI引導日期選擇器 - 每天添加工具提示（UI引導工具提示）

我試圖通過向Datepicker添加一個屬性uib-tooltip，但是在看到代碼後，我已經看到它不是正確的方法來做到這一點... 任何人都有這樣做的想法？非常感謝！UI引導日期選擇器 - 每天添加工具提示（UI引導工具提示）

來源

2016-04-24 Dror Uri

你試過了什麼？你可以發佈最小可行的例子（一些代碼可以重現你的問題）或一個小提琴/笨蛋？也爲什麼它不是「適當的」，？ – svarog

這是HTML代碼

在線

這是$ scope.options： $ scope.options = { customClass：getDayClass，的minDate：新的日期（）， showWeeks：假的， uibTooltip：「bla bla」 }; –

我從來沒有這樣做我自己，但我認爲你可以只覆蓋默認的日期選擇模板，只需添加一個提示有

他們可以找到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，引導你將不得不處理一些組件的源和自己縮小它

來源

2016-04-25 05:08:32 svarog

非常感謝！但是，不是重寫原始代碼，而是有一種方法來鏈接uib-tooltip的屬性？我更喜歡這個，因爲這樣你可以更容易地更新uib-datepicker的包。 –

你不能「鏈」，你將不得不添加工具提示到一天的確切標記，所以你將不得不修改模板，但你實際上不需要重寫任何東西，datepicker有'template- url'屬性，您可以鏈接（並覆蓋）您自己定製的模板。 – svarog

它的工作原理！順便說一下，uib-tooltip attribiute應該在按鈕標記旁邊，而不是標記 –

UI引導日期選擇器 - 每天添加工具提示（UI引導工具提示）

在線

回答

相關問題