2015-12-19 63 views
2

我正在嘗試使用720Kb datepicker。 https://github.com/720kb/angular-datepickerAngular DatePicker - 多個指令> [datepicker,datepicker]

雖然使用簡單的例子:

<datepicker> 
    <input ng-model="date" type="text"/> 
</datepicker> 

我得到了打擊錯誤:

angular.js:11655 Error: [$compile:multidir] Multiple directives [datepicker, datepicker] asking for new/isolated scope on: http://errors.angularjs.org/1.3.15/ $compile/multidir?p0=datepicker&p1=datep…epicker%20class%3D%22datepicker%22%20date-format%3D%22dd%2FMM%2Fyyyy%22%3E at angular.js:63

我注意到,如果我在src改變指令的名稱文件例如datepickercust上面的例子將工作(改變標籤)。

<datepickercust > 
    <input ng-model="date" type="text"/> 
</datepickercust> 

另外,如果我改變了「日期選擇器」標籤,「格」標籤,並添加類嘗試相同的例子=「日期選擇器」,它工作正常。

<div class="datepicker"> 
     <input ng-model="date" type="text"/> 
    </div> 

我只是無法理解這裏發生了什麼...爲什麼最初的例子不工作?

在此先感謝。

+1

你的應用程序中有多個datepicker指令。檢查另一個在哪裏並將其刪除。 –

+0

您可以在這裏查看稍微更詳細的錯誤消息:https://docs.angularjs.org/error/$compile/multidir?p0=datepicker&p1=datep%E2%80%A6epicker%20class%3D%22datepicker%22%20date -format%3D%22dd%2FMM%2Fyyyy%22%3E%20at%20angular.js:63 – segFault

+0

這真的很奇怪,我刪除了720日期選擇器,但沒有刪除html代碼,看起來像是在angular.js中有datepicker指令。我可以看到下面的警告:「現在不推薦使用datepicker,而是使用uib-datepicker。」所以我該如何使用其他日期選擇器? –

回答

0

檢查,如果有兩個日期選擇器指令具有相同的名稱,並做檢查,他們允許什麼樣形成的標籤,元素和屬性等

+0

我刪除了我想要的一個,現在我得到了下面的警告:「現在不推薦使用datepicker,而是使用uib-datepicker。」看起來像datepicker指令作爲angular.js的一部分 –

1

發現問題。

看起來像UI Bootstrap仍然包含'datepicker'指令,它已被棄用並導致此問題。

現在需要看我如何與兩者合作。

謝謝大家。

+0

你有沒有找到解決方案?請張貼以備將來參考...謝謝 – karma

+1

是的,我找到了解決方案。 720Kb DatePicker提供了通過向div元素添加類'datepicker'而不是創建元素來創建日期選擇器的選項。這就是爲什麼我避免了共謀。 –

+1

謝謝埃米爾,加入一個班級爲我工作 –