DateTimePicker не функция JQuery

Question

Я работаю с DateTimePicker Jquery UI, когда код ниже HTML, DateTimePicker не отображается, и когда я инспектировать с firebug console он отображается сообщение об ошибке ``

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

и ниже код

<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

Имейте в виду, DatePicker в JQuery UI является не инициализируется DateTimePicker(), как представляется, плагин/аддон здесь: http://trentrichardson.com/examples/timepicker/.

Однако, только с jquery-ui он фактически инициализируется как $("#example").datepicker(). Смотрите демо-сайт Jquery здесь: http://jqueryui.com/demos/datepicker/

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

Чтобы использовать DateTimePicker по ссылке, указанной выше, вы хотите быть уверены, что ваши сценарии правильный путь для плагина.

Answer 2

У меня была та же проблема с расширением datetimepicker для загрузки. В том числе moment.js до решения datetimepicker.js.

Answer 3

Это все о порядке скриптов. Попробуйте переупорядочить их, поместите jquery.datetimepicker.js в качестве последнего из всех скриптов!

Answer 4

По какой-то причине эта ссылка решить мою проблему ... Я не знаю, почему Тхо ..

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

Тогда это:

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

Примечание: Я использую Bootstrap 3 и 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>