Twitter bootstrap 引导日期时间选择器不工作，也不能正确显示

在我的页面中，我在两个输入字段中使用jQuery multidate Picker，在其他一些输入字段中使用bootstrap dateTime Picker。但我面临许多问题-

1） Boostrap日期时间选择器工作不正常，未在我想要的适当位置显示，并且控制台中显示错误 “未捕获的typeerror:无法读取未定义的属性'top'”

2） 当我将库的引用作为完整URL时，它只起作用，但当我从我的JS和CSS库文件夹中引用时，它在控制台中显示错误为- $（..）.datetimepicker不是函数

URL---引导日期时间选择器

<link href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap.css" rel="stylesheet" />
<link href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script src="https://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>

HTML

日期：

JAVASCRIPT

<script>
$(function() {
  $('#createDate').datetimepicker();
});
</script> 

$（函数（）{
$（'#createDate'）.datetimepicker（）；
});

请帮助我，我搜索了很多，但无法解决它

---

提前感谢…

请参阅下面的jsfiddle

似乎是你链接的引用导致了这个问题，因为我使用你发布的引用链接它，它遇到了你遇到的相同错误，下面是我从cdnjs使用的引用，请随意看看

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

u可能需要删除jquery ui日期选择器，并将其他日期选择器用作replacement@Se0ng11感谢您的建议，但是控制台中显示的第2点错误呢？您需要为ppl显示您的脚本，以了解实际出现的错误，我们猜不出是什么原因issue@Se0ng11请参阅我的帖子，我还添加了HTML和JS部分，以及控制台的屏幕截图，我在其中遇到了错误。我希望通过这一点，你会明白。可能会有冲突的引导数据采集器和jquery数据采集器，删除你的多日期采集器从你的网页和测试出来，最好总是运行你的boostrap.js b4其他js

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <input type='text' class="form-control" id='createDate' name="createDate" readonly />
    </div>
</div>

 $(function () {
     $('#createDate').datetimepicker({
       ignoreReadonly: true
     });
 });

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>