jQueryのUIの日付ピッカーが開いていない/クリックで表示されません：

Question

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<script src="~/wwwroot/js/datePicker.js"></script> 

datePicker.js：

(function ($) { 
    $("#datepicker").datepicker(); 
})(jQuery); 

HTML：

<td> 
    <input type="text" id="datepicker"> 
</td> 

はCSS：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 

私はできませんテキスト入力フィールドをクリックしたときにカレンダーが開かない理由を理解する。私は間違って何をしていますか？奇妙なことは、スクリプトのインラインでこれらの要素を小さなhtmlで分離することです。

編集：完全なHTML

@section Scripts { 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
    <script src="~/wwwroot/js/angular/angular.min.js"></script> 
    <script src="~/wwwroot/js/angular/angular-route.min.js"></script> 
    <script src="~/wwwroot/js/simpleControls.js"></script> 
    <script src="~/wwwroot/js/MassScheduler/schedulerLayout.js"></script> 
    <script src="~/wwwroot/js/MassScheduler/massScheduler.js"></script> 
    <script src="~/wwwroot/js/MassScheduler/schedulerManager.js"></script> 
    <script src="./wwwroot/js/MassScheduler/schedulerController.js"></script> 
    <script src="~/wwwroot/js/MassScheduler/schedulerTableFilter.js"></script> 
    <script></script> 
} 

<div class="container-fluid"> 
    <div class="row" ng-app="massScheduler"> 
     <div ng-view></div> 
    </div> 
</div> 

NG-ビュー：

<div ng-controller="schedulerController as vm"> 
    <div id="scheduler-index-main"> 
     <scheduler-form ng-show="!vm.showErrorMessage"></scheduler-form> 
     <scheduler-status-table ng-show="!vm.showErrorMessage"></scheduler-status-table> 
     <div ng-show="vm.showErrorMessage" id="error-message"> 
      <h4>Error occurred. Please try again later.</h4> 
     </div> 
    </div> 
</div> 

エラーがコンソールに出力されます。 datePicker.jsのパスを置き換えました。それはファイルを見つけることです、私はChromeのツールでそれを見ることができます。しかし、入力は表示されません。

Answer 1

コードが正常に動作していることを確認してください。jsパスが「〜/ wwwroot/js/datePicker.js」であることを確認してください。あなたは問題なく動作するはずその投稿したものとは、言うのは難しい

(function ($) { 
 
    $("#datepicker").datepicker(); 
 
})(jQuery);

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
 
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
 
<td> 
 
    <input type="text" id="datepicker"> 
 
</td>