DateTimePicker nie jest funkcją jQuery

Question

ja pracuje z DateTimePicker jQuery UI, gdy kod poniżej html, DateTimePicker nie wyświetla a kiedy sprawdzać z firebug console on wyświetlany błąd ``

$("#example1").datetimepicker is not a function 
[Break On This Error] $("#example1").datetimepicker(); 

i poniżej jest kod

<link href="css/styles.css" rel="stylesheet" type="text/css"> 
<link href="css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"> 

<style> 
    .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 

    .ui-timepicker-div dl { text-align: left; } 
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }   
    .ui-timepicker-div td { font-size: 90%; }   
    .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }     

</style> 


<script type="text/javascript" src="scripts/jquery.js"></script> 

<script type="text/javascript" src="scripts/jquery/ui/jquery.ui.datepicker.js"></script> 
<script type="text/javascript" src="scripts/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script> 
<script type="text/javascript" src="scripts/jquery/ui/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript" src="scripts/jquery/ui/jquery-ui-sliderAccess.js"></script> 

<script> 
    $(document).ready(function(){ 
     $("#example1").datetimepicker(); 
    }); 
</script> 

<script> 

</script> 

<input type="text" id="example1" class="hasDatePicker"> 

Answer 1

Pamiętaj, datepicker jQuery UI nie jest inicjowany z DateTimePicker(), wydaje się, że wtyczka/dodatek tutaj: http://trentrichardson.com/examples/timepicker/.

Jednak z jquery-ui jest on inicjowany jako $("#example").datepicker(). Zobacz stronę demo jQuery tutaj: http://jqueryui.com/demos/datepicker/

$(document).ready(function(){ 
     $("#example1").datepicker(); 
    }); 

Aby użyć DateTimePicker w linku mowa powyżej, będziemy chcieli, aby mieć pewność, że ścieżka jest poprawna skrypty dla wtyczki.

Answer 2

Miałem ten sam problem z rozszerzeniem datetimicker programu bootstrap. Włączenie pliku moment.js przed datetimepicker.js było rozwiązaniem.

Answer 3

Wszystko zależy od kolejności skryptów. Spróbuj zmienić ich kolejność, umieść plik jquery.datetimepicker.js jako ostatni ze wszystkich skryptów!

Answer 4

Z jakiegoś powodu ten link rozwiązać mój problem ... Nie wiem dlaczego tho ..

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 

Wtedy to:

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 

UWAGA: Używam Bootstrap 3 i jquery 1.11.3

Answer 5

Place your scripts in this order: 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" /> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>