JQuery UI Datepickerが機能しない

Question

私はすべての設定が正しく行われているかのように感じています。しかし、何であれ、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スレッドをチェックしましたが、私がそれらのメソッドを実行しても、私はそれを協力させることはできません。

ヒントをお聞かせください。

Answer 1

これは明らかに正しく実装されており、実際に動作しています。この問題は、テーブルの情報を動的に生成するためにng-repeatを使用したことに関連していました。私はdatepickerを扱うためのカスタムディレクティブを書くことでこれに対処しています。