Datepicker does not work properly for me using bootstrap 4.1.3

0

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 &raquo;" 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

    
asked by José Ortiz 31.12.2018 в 07:23
source

0 answers