0
168
ViewsJQuery ¿Cómo se puede mostrar el selector de fecha correctamente?
Todos, ¿saben qué tiene de malo esta selección de fechas? Espero ver un calendario, no un selector de tiempo.
Utilizo el archivo de ejemplo de arranque con el siguiente enlace y script que son del tutorial de youtube
<section class="row gy-3"> <div class="form-group"> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <i class="bi-alarm"></i> </span> </div> </div> </section> <script type="text/javascript"> $(function() { $('#datetimepicker1').datetimepicker(); }); </script>Utilizo el archivo de ejemplo de arranque con el siguiente enlace y script que son del tutorial de youtube
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> <!-- Bootstrap core CSS --> <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="../assets/dist/js/bootstrap.bundle.min.js"></script> <script src="form-validation.js"></script> 
·
Juan Pablo Isaza
1 answers
Answer question0
aquí en usted ha agregado datetimepicker css y js para que la llamada de tiempo funcione como fecha y hora, así que use debajo de css y js para importar y trabajar muy bien
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript"> $(function() { $('#datetimepicker1').datetimepicker(); }); </script>reemplazar con la siguiente URL
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script> <script type="text/javascript"> $(function() { $('#datetimepicker1').datepicker(); }); </script>
·
Juan Pablo Isaza
Report
Answer question