小编mis*_*adr的帖子

带 bo​​otstrap 5 的 datetimepicker 无法正常工作

我对 JS 很陌生,并尝试将 datetimepicker 添加到我的网络演示中。该教程适用于 bootstrap 3.3.7,但当我将其更改为版本 5 时,日历不再显示。

最小工作 html 如下

<!-- 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>
Run Code Online (Sandbox Code Playgroud)

bootstrap@5.1.3在项目中使用并且不想因为一个日期时间选择器而更改它。我已经尝试了很多变体,但没有一个有效。我怎样才能让它发挥作用?

正如/sf/answers/4807838661/所述,https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js适用于 Bootstrap 3,而不是 Bootstrap 5。

我应该使用什么版本?(我怎么知道这一点?)

另请注意,我需要{locale: "ru"}参数,据我所知,该参数在 bootsrap 3 中不可用。

javascript bootstrap-datetimepicker bootstrap-5

5
推荐指数
2
解决办法
4万
查看次数