Eonasdan datetimepicker v4 バージョンを使用してみます。ブートストラップ バージョン v3.2.0 を使用しています。jsp ページに次の js ファイルと css ファイルを追加しました。
<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/css/bootstrap-datetimepicker.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/moment-with-locales.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/transition.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/collapse.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap-datetimepicker.js"></script>
$(function () {
$('#datetimepicker'+rowIndx).datetimepicker();
});
<div class="row"><div class="col-md-12"><div class="form-group">
<div class="input-group date" id="datetimepicker">
<input type="text" class="form-control" value="" style="width:160px;height:26px;width:140px;size:12px;font-family:Arial" readonly>
<span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span></div></div></div></div>
ここでは、グリフィコン カレンダーは開いていません。v4 バージョン eonasdan ブートストラップ datetimepicker を問題なく起動するにはどうすればよいですか。アイコンをクリックしても、カレンダーも開きません。私を助けてください。