2014-03-05 89 views
5

我試圖創建的日期選擇指令,而是彈出不工作(在文本框或按鈕既不點擊)UI的自舉日期選擇器不工作

Plunker:http://plnkr.co/edit/hUxQASblscbhFZFvWDyN

PD:這個想法是從控制器刪除所有的日期選擇代碼(導致日期選擇器會在許多控制器一起使用),所以請不要建議移動開啓和關閉功能的頁面控制器。

+0

我注意到,如果您嘗試從index.html調用它,datepicker指令不起作用。我仍在尋找,但我建議先讓這個基本的例子工作,然後在你自己的指令中增加複雜性。 – pherris

+0

angular.module(「富」,[「ui.bootstrap」])< - 你缺少你的script.js的ui.bootstrap,是可以獲得基本的例子,工作 – pherris

+0

是的,我忘了注射模塊THX,無論如何,問題依然存在。 Plunker更新 – agusluc

回答

10

我不知道這將讓你一路你的目標,但我認爲你所面對的障礙是,你忘了創建「富」應用程序時導入ui.bootstrap。

http://plnkr.co/edit/ZGl0VuJjVF1nliMidaL6

+0

我更新了與進口plunker,但不工作。你的工作是否正在改變別的東西? – agusluc

+0

,我可以看到在你的唯一缺少的另一件事是從輸入標籤的日期選擇器,彈出式窗口。 「datepicker-popup(默認:'yyyy-MM-dd'):顯示日期的格式。」 – pherris

+0

是的,它是日期選擇器,彈出式(奇怪,是不是需要,如果u使用的「STANDAR」方式,日期選擇器)。還發現了另一個問題,我的控制器包含一個未定義的配置模塊(它是我項目中原始代碼的剩餘部分)。謝謝! – agusluc

2

確保您有在標記定義的是開屬性。

<input type="text" class="form-control" datepicker-popup="date.format" ng-model="date.selectedDate" max-date="date.maxDate" datepicker-options="date.dateOptions" date-disabled="date.disabled(date, mode)" ng-required="true" close-text="Close" show-weeks="false" is-open="date.opened" ng-focus="date.opened=true" />