2017-09-26 8 views
0

我遇到了一個問題,我感覺好像我的所有設置都正確;但是,無論如何,JQuery UI Datepicker將不是顯示出來。JQuery UI Datepicker無法正常工作

,我有以下設置在我的頭(角項目,頭總是加載無論路線):

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 

除了這

<script type="text/javascript"> 
    $(function() { 
     var nativeDateInputIsSupported = Modernizr.inputtypes.date; 
     if (!nativeDateInputIsSupported) { 
      $("input[type='date']").datepicker();    
     } 
    }); 
</script> 

然而,當我在Firefox和點擊下面,什麼都不會發生

<tr ng-repeat="revenue in runway.revenues"> 
<!-- Other table elements go here --> 
<td> 
    <input type="date" id="date" max="{{maxDate}}" class="form-control" ng-model="revenue.date" placeholder="YYYY-MM-DD" required/> </td> 
<td> 

它也不會在這裏顯示

<input type="date" class="form-control" ng-model="user.startofbusiness" name="startofbusiness" id="startofbusiness" required> 

我已經檢查了許多不同的StackOverflow線程,但即使當我遵循由他們提出的方法時,我也無法得到它的合作。

任何提示將不勝感激!

+0

你在控制檯中看到什麼? – Twisty

+0

控制檯中沒有錯誤。嗯。爲了進行調試,我試圖向''input [type ='date']「'添加一個點擊事件,理論上它發出了一個'console.log('是的,我們正在獲取這個點擊')',但是也不是射擊。 –

+0

你可以將你的代碼移動到jsfiddle之類的東西嗎? – Twisty

回答

0

事實證明,這是正確實施,並且實際上正在工作。問題在於使用ng-repeat動態生成表格的信息。我通過編寫自定義指令來處理datepicker來解決這個問題。