Los Datepicker no me funciona correctamente usando bootstrap 4.1.3

Hola tengo un problema con el siguiente codigo…

<!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 &raquo;" class="btn btn-danger"> 				</form> 			</div> 		</section> 	</body> </html> <script> 	$  ('.pickers').datepicker({ 		format: "dd-mm-yyyy" 	}); </script>

Los datepicker no funcionan del todo bien, siempre están a la vita y la verdad es que le he dado mil vueltas al asunto y no doy con el error