Uncaught TypeError: $(...).daterangepicker is not a function

本文为博主原创，未经允许不得转载：

在用bootstrap做一个日期插件的时候，代码和js，css等都是拷贝网上下载下来的实例，但是在

调试的时候，浏览器控制台一直报错 Uncaught TypeError: $(...).datetimepicker is not a function。

由于直接引用别人的代码，且别人的代码是可行的，为什么在我这边不行，上网搜了很多，且大多是

一些外文网站的，然后就在本地调试，查看引用js代码实现的方式，发现也没问题。最后调换了以下引用

的两个js的顺序就ok了，将代码展示如下：

就是上图中第二个和第三个的顺序放反了，然后就一直加载不出来，调换过来就ok了

js代码如下：

  <script type="text/javascript">
           $(document).ready(function() {
               updateConfig();
               function updateConfig() {
               $('#datePickerSelect').daterangepicker({
                   "startDate": "12/01/2017",
                   "endDate": "12/07/2018"
               }, function(start, end, label) {
                 console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
               });
               }
           });
  </script>