ブラウザでカレンダーが表示されないのはなぜですか？

Question

私はそれがここにあるコードはjsの

とHTMLでカレンダーを実装することが分かっ：http://webdesignandsuch.com/add-a-calendar-date-picker-to-a-form-with-jquery/

私の次のコードで、それが機能していません。

<div class="row"> 
    <div class="col-lg-4 text-center"> 
     <div class="panel panel-default">      
      <div class="panel-body"> 
       Escolha a data do jogo: 
       </br> 
       </br> 

       <form> 
       <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" type="text/css"> 

       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
       <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
       <script> 
        $(document).ready(function() { 
        $("#datepicker").datepicker(); 
        }); 
       </script> 
       <input id="datepicker" class="form-control" placeholder="Seu jogo será às..." /> 
       </form> 
      </div> 
     </div> 
    </div> 

Answer 1

ここに貼り付けたコードは正常に動作します。私はdatepicker()の前にjsの問題があると思います。ブラウザのコンソールログを確認したり、ここにコードを貼り付けたりすることができます。

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<div class="row"> 
 
    <div class="col-lg-4 text-center"> 
 
     <div class="panel panel-default">      
 
      <div class="panel-body"> 
 
       Escolha a data do jogo: 
 

 
       <form> 
 
       
 

 
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
       <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
       <script> 
 
        $(document).ready(function() { 
 
        $("#datepicker").datepicker(); 
 
        }); 
 
       </script> 
 
       <input id="datepicker" class="form-control" placeholder="Seu jogo será às..." /> 
 
       </form> 
 
      </div> 
 
     </div> 
 
    </div>