Quando clicar, basta abrir este pop-up. IMG1
Ao clicar no pop-up, ele desliza para cima e não mostra o calendário. IMG2 Quando altero o boostrap para a versão 3.x.x, ele funciona corretamente.
Mas todo o meu projeto está usando a versão 4.3.1.
Alguma sugestão?
$(function () {
$('#datetimepicker5').datetimepicker({
defaultDate: "04/09/2019",
locale: 'pt-br'
});
});
<head>
<!-- ... -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="assets/js/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
</head>
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker5'>
<input type='text' class="form-control" />
<span class="input-group-addon" style="width: 20px;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<!-- Page JS Code -->
<script src="assets/js/core/jquery.min.js"></script>
<script src="assets/js/core/jquery-ui.js"></script>
<script src="assets/js/core/js.cookie.min.js"></script>
<script src="assets/js/core/bootstrap.bundle.min.js"></script>
<script src="assets/js/core/simplebar.min.js"></script>
<script src="assets/js/core/jquery-scrollLock.min.js"></script>
<script src="assets/js/core/jquery.appear.min.js"></script>
<script src="assets/js/core/js.cookie.min.js"></script>
<script src="assets/js/core/popper.min.js"></script>
<script src="./assets/js/plugins/moment/moment-with-locales.min.js"></script>
<script src="assets/js/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="assets/js/plugins/bootstrap-datetimepicker/js/bootstrap.js"></script>
<script src="./js/atend_os.js"></script>