Календарь Glyphicon не открыт

Question

Я пытаюсь использовать bootstrap datetimepicker с календарем глификона. Но если я нажму на сборщик, ничего не произойдет.

Даже календарь не открывается. Я добавил следующие .js и .css файлы в моей странице .jsp:

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css" media="screen"> 
 
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/bootstrap-datetimepicker.min.css" media="screen"> 
 
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/jquery-ui.css" />

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/1.9.2.jquery-ui.min.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/moment-with-locales.js"></script> 
 
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap-datetimepicker.min.js"></script>

Пожалуйста, помогите мне понять, как использовать самозагрузки версии DateTimePicker v4. Есть ли другие .js и .css Необходимые файлы? DateTimePicker отображаются как на картинке:

Вот где, если я нажму сборщик, календарь не открывается.

Answer 1

после

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap-datetimepicker.min.js"></script> 

записи

<script type="text/javascript"> 
$(function() { 
$('#datetimepicker1').datetimepicker(); 
}); 
</script> 

в HTML использовать код ниже

<div class='input-group date' id='datetimepicker1'> 
<input type='text' class="form-control" /> 
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
</span> 
</div>