Question

我将尝试使用Eonasdan datetimepicker v4版本。我正在使用bootstrap版本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>

此处，glyphicon日历未打开。如何启动v4版eonasdan bootstrap datetimepicker没有问题。如果我单击图标，日历也无法打开。请帮帮我。

Bootstrap Datetimepicker glyphicon日历未打开

0 个答案: