2016-06-01 13 views
0

次のコードを使用しています。カレンダーアイコンが表示されず、コンソールに404エラーが記録されています。リソースの読み込みに失敗したためのエラー:サーバーが404のステータス(Not Found)で応答しました

<html> 
<head> 
</head> 
<script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker10').datetimepicker({ 
       viewMode: 'years', 
       format: 'YYYY' 
      }); 
     }); 
</script> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/moment.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script> 
<link rel="stylesheet" href="css/bootstrap.min.css" /> 
<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" /> 

<body> 
<div class="container"> 
    <div class="col-sm-6" style="height:130px;"> 
     <div class="form-group"> 
      <div class='input-group date' id='datetimepicker10'> 
       <input type='text' class="form-control" /> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"> 
        </span> 
       </span> 
      </div> 
     </div> 
    </div> 
    <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker10').datetimepicker({ 
       viewMode: 'years', 
       format: 'YYYY' 
      }); 
     }); 
    </script> 
</div> 
</body> 
</html> 

答えて

1

フォントファイルがありません。フォントという名前のフォルダを作成し、フォントファイルを追加してください。それが動作します。

例:fonts/glyphicons-halflings-regular.woff2

関連する問題