JQuery UI Datepicker無法正常工作

我遇到了一個問題，我感覺好像我的所有設置都正確;但是，無論如何，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線程，但即使當我遵循由他們提出的方法時，我也無法得到它的合作。

任何提示將不勝感激！

來源

2017-09-26 Alex Gelinas

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

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

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

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

來源

2017-09-27 00:51:39

JQuery UI Datepicker無法正常工作

回答

相關問題