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>