Bootstrap datetimepicker не работает, ниже приведены спецификации: - PullRequest
Новая
       8

Bootstrap datetimepicker не работает, ниже приведены спецификации:

0 голосов
/ 06 июня 2018

это ссылки: 

<link href="../Bootstrap/DateTimePicker/css/bootstrap-datetimepicker.css" rel="stylesheet"
    type="text/css" />
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Bootstrap/DateTimePicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>

Ниже приведены javascripts: 

<script type="text/javascript">
    $('#example').datetimepicker();

</script>

Это часть тела страницы: 

<div class="input-group date" id="example">
    <input type="text" class="form-control" />
    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

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

Ответы [ 2 ]

0 голосов
/ 06 июня 2018

Возможно, вы пропустили некоторые библиотеки.Я добавил их все прямо из сервиса cdnjs на тот случай, если вы не используете bower, yarn или другие менеджеры пакетов.Пример ниже является полной копией того, который находится на странице документации и работает как положено. 

            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker-standalone.min.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>

  <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <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>
            </div>
        </div>
    </div>
</div>
0 голосов
/ 06 июня 2018

Вам необходимо применить идентификатор "example" к текстовому полю, а не к div.

См. Код ниже: 

<html>
    <title>Untitled Document</title>
    <head>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
      <div class="row">
        <div class="col-md-12">
            <div class="input-group date">
                <input type="text" class="form-control" id="example" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
      </div>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $('#example').datetimepicker();
        </script>
    </body>
</html>
...