2017-07-17 30 views
-1

问题是我得到的错误:包含JavaScript在右以下方式

TypeError: $(...).datetimepicker is not a function

试图在我的网页添加的DateTimePicker时,激烈的搜索解决方案后,我发现结论,我必须包括JS在右下面的方式,但在几个小时搞清楚我仍然无法得到正确的答案后尝试,希望有人能帮助我..

这里是我的网页形式的片> asset.php:

<div class="form-group"> 
    <label>Aq Date</label> 
    <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> 
    <p class="help-block">Help text here.</p> 
    <button type="submit" class="btn btn-info">Send Message </button> 
</div> 

datepick.js

$(function() { 
    var bindDatePicker = function() { 
     $(".date").datetimepicker({ 
     format:'YYYY-MM-DD', 
      icons: { 
       time: "fa fa-clock-o", 
       date: "fa fa-calendar", 
       up: "fa fa-arrow-up", 
       down: "fa fa-arrow-down" 
      } 
     }).find('input:first').on("blur",function() { 
      // check if the date is correct. We can accept dd-mm-yyyy and yyyy-mm-dd. 
      // update the format if it's yyyy-mm-dd 
      var date = parseDate($(this).val()); 

      if (! isValidDate(date)) { 
       //create date based on momentjs (we have that) 
       date = moment().format('YYYY-MM-DD'); 
      } 

      $(this).val(date); 
     }); 
    } 

    var isValidDate = function(value, format) { 
     format = format || false; 
     // lets parse the date to the best of our knowledge 
     if (format) { 
      value = parseDate(value); 
     } 

     var timestamp = Date.parse(value); 

     return isNaN(timestamp) == false; 
    } 

    var parseDate = function(value) { 
     var m = value.match(/^(\d{1,2})(\/|-)?(\d{1,2})(\/|-)?(\d{4})$/); 
     if (m) 
      value = m[5] + '-' + ("00" + m[3]).slice(-2) + '-' + ("00" + m[1]).slice(-2); 

     return value; 
    } 

    bindDatePicker(); 
}); 

,包括JS在我asset.php

<!-- FOOTER SECTION END--> 
<!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME --> 
<!-- CORE JQUERY --> 
<script src="assets/js/jquery-1.10.2.js"></script> 

<!-- BOOTSTRAP SCRIPTS --> 
<script src="assets/js/bootstrap.js"></script> 

<!-- DATATABLE SCRIPTS --> 
<script src="assets/js/dataTables/jquery.dataTables.js"></script> 
<script src="assets/js/dataTables/dataTables.bootstrap.js"></script> 
<script src="assets/js/dataTables/datable.serverside.js"></script> 

<!-- CUSTOM SCRIPTS --> 
<script src="assets/js/custom.js"></script> 
<script src="assets/js/datepick.js"></script> 
+2

为什么有jQuery的两个版本? – brk

+0

你包括jquery的两个版本。这可能是问题的原因。 –

+0

@brk 1.10.2和1.11.1min.js你的意思是? –

回答

相关问题