我创建了一个新的模板/ datepicker/popup.html模板,它在ui.bootstrap.tpls之后加载。ui.bootstrap.tpls覆盖模板/ datepicker/popup.html模板
我在努力的是在新模板中通过ng-click调用函数。我不要想更新ui.bootstrap.tpls文件。我试过这两种不同的方式:
1)较不理想:使用从ui.bootstrap.tpls指令datepickerPopup中已经选择的功能。我可以通过转换为.toLocaleDateString()来部分工作,但在第一次单击后,我再次打开日历,日历仍显示当前日期而不是反映更新的日期。
"<button class='btn btn-default' ng-click='select(date.setTime(date.getTime()+30 * 86400000).toLocaleDateString())'>30 days</button>" +
2)理想: ui.bootstrap.tpls称为addDays(N)之外创建一个全新的功能。我无法从新模板中访问此功能。我想创建我自己的函数来从新模板中调用。
"<button class='btn btn-default' ng-click='addDays(date, 30)'>30 days</button>" +
Plunker:
http://plnkr.co/edit/Klbek5SpOGIA4FXTmlFX?p=preview