Soy bastante nuevo en JS y trato de agregar datetimepicker a mi demostración web. El tutorial funciona correctamente con bootstrap 3.3.7, pero cuando lo cambio a la versión 5, el calendario ya no se muestra.

El html de trabajo mínimo es el siguiente

 <!-- this works OK --> <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> <!-- this does not! --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/css/bootstrap-datetimepicker.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control"/> <span class="input-group-addon\"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> <script> $(".date").datetimepicker({locale: "ru"}); </script>

Uso bootstrap@5.1.3 en el proyecto y no quiero cambiarlo debido a un selector de fecha y hora. Ya probé muchas variantes, pero ninguna funcionó. ¿Cómo puedo hacer que funcione?

Como se indica en https://stackoverflow.com/a/68683409/8900030 , https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js es para Bootstrap 3, no Bootstrap 5.

¿Qué versión debo usar en su lugar? (¿y cómo lo sé?)

También tenga en cuenta que necesito el parámetro {locale: "ru"} , que no está disponible en bootsrap 3 AFAIK.