1

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 を問題なく起動するにはどうすればよいですか。アイコンをクリックしても、カレンダーも開きません。私を助けてください。

4

0 に答える 0