Saltar al contenido

cómo agregar datepicker en el ejemplo de código de bootstrap (formulario html)

Ejemplo 1: Cómo agregar Datepicker en Bootstrap (formulario HTML)

<link href="~/Content/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />

Ejemplo 2: Cómo agregar Datepicker en Bootstrap (formulario HTML)

<div class='container' style='margin-top: 100px;'>
 <input type='text' class="form-control" id='datepicker' style='width: 300px;' > <br>
 <input type='text' class="form-control" data-provide="datepicker" style='width: 300px;' >
</div>

<!-- Script -->
<script type="text/javascript">
$(document).ready(function(){
 $('#datepicker').datepicker(); 
});
</script>

Ejemplo 3: Cómo agregar Datepicker en Bootstrap (formulario HTML)

<script src="~/Scripts/bootstrap-datepicker.min.js"></script>

Ejemplo 4: Cómo agregar Datepicker en Bootstrap (formulario HTML)

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>

<!-- Datepicker -->
<link href='bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css' rel='stylesheet' type='text/css'>
<script src='bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js' type='text/javascript'></script>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *