Hello, I have a problem with the following code ...
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/estilo_principal.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="datepicker/css/bootstrap-datepicker.css">
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('section').hide();
$('section').fadeIn(2000);
});
</script>
<title>SSP-Olvidó sus datos</title>
</head>
<body>
<section class="container-fluid px-5 pt-4 mt-5 mb-4">
<div class="col-md-10 col-lg-7 mx-auto">
<h3 class="mt-4"><span class="text-danger fa fa-cog fa-spin"></span> FORMULARIO PARA RECUPARACIÓN DE DATOS</h3>
<p>Para recuperar su Correo y Contraseña, por favor, complete la siguiente información con sus datos personales:</p>
<form action="xxxx.php" method="post" class="text-center bg-dark p-3 rounded">
<div class="row">
<div class="col-md-6 mb-2">
<input type="number" class="form-control" name="cedula" id="cedula" placeholder="Cédula" required>
</div>
<div class="col-md-6 mb-2">
<input type="number" class="form-control" name="n_empleado" id="n_empleado" placeholder="Número de Empleado" required>
</div>
</div>
<div class="row">
<div class="col-md-6 mb-2">
<div id="datepicker01" class="input-group pickers">
<input type='text' class="form-control date" name="fecha_nac" id="fecha_nac" placeholder="Fecha de Nacimiento" required/>
<div id="click01" class="input-group-append">
<span class="input-group-text fa fa-calendar"></span>
</div>
</div>
</div>
<div class="col-md-6 mb-2">
<div id="datepicker02" class="input-group pickers">
<input type='text' class="form-control date" name="fecha_ing" id="fecha_ing" placeholder="Fecha de Ingreso" required/>
<div id="click02" class="input-group-append">
<span class="input-group-text fa fa-calendar"></span>
</div>
</div>
</div>
</div>
<input type="submit" value="Recuperar datos »" class="btn btn-danger">
</form>
</div>
</section>
</body>
</html>
<script>
$('.pickers').datepicker({
format: "dd-mm-yyyy"
});
</script>
The datepicker do not work at all well, they are always up to date and the truth is that I have given a thousand twists to the issue and I do not give with the error