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>

在这里，glyphicon 日历未打开。如何在没有问题的情况下启动 v4 版本的 eonasdan bootstrap datetimepicker。如果我单击图标，日历也无法打开。请帮我。

4

0 回答 0