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

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

Answer 2

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

<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 3

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

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

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

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

Answer 4

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

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>

Answer 6

 $(document).ready(function(){
    $("#example1").datetimepicker({
      allowMultidate: true,
      multidateSeparator: ','
    });
 });