Tengo un componente selector de fecha y datetimepicker de Bootstrap en mi código que funcionaba hace unas semanas pero dejó de funcionar. Agradezco cualquier ayuda para empezar a trabajar de nuevo.
Encuentra debajo mi código HTML:
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script> <script src="https://unpkg.com/moralis@latest/dist/moralis.js"></script> <script src="js/app.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script src="js/jquery.easing.1.3.js+jquery.waypoints.min.js+jquery.stellar.min.js+owl.carousel.min.js.pagespeed.jc.AgoWNHbz_d.js"></script></script> <script src="js/jquery.toolbar.js"></script> <script src="js/jquery-migrate-3.0.1.min.js+popper.min.js+bootstrap.min.js.pagespeed.jc.ln39gZSjGk.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/6-beta4/js/tempus-dominus.min.js"></script> <form action="" method="post" class="datepickers"> <div class="form-group"> <div class="input-group date" id="id_0"> <input type="text" value="10/01/2019 05:32:00 PM" class="form-control" required /> </div> </div> </form> <script type="text/javascript"> $(document).ready(function(){ $(".datepickers").click(function(){ $("#id_0").datetimepicker(); alert("MammazZ!"); }); }); </script> </div> </div> Cuando hago clic en el campo de entrada de los selectores de fecha como se ilustra a continuación:
Se dispara la alerta MammazZ, seguida de un ligero cambio (se omiten los segundos) como se ilustra a continuación: 
¡Por favor ayúdame a resolver esto!
Creo que el problema se debe a una incompatibilidad en las importaciones y la secuencia de las importaciones. En caso de que quiera usar Bootstrap 5, las cosas se ponen más fáciles
<!doctype html> <html lang="en"> <head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> </head> <body> <section class="container"> <h2 class="py-2">Datepicker in Bootstrap 5</h2> <form class="row"> <label for="date" class="col-1 col-form-label">Date</label> <div class="col-5"> <input id="date" class="form-control" type="date"/> </div> </form> </section> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> </body> </html>