Bootstrap Date Time picker не работает

-1

Я пытался использовать бутстрап Date and time picker. Я не знаю, что не так с кодом. хотя это очень просто. Я попытался включить банку datepicker вручную и с CDN. Еще не работает.Bootstrap Date Time picker не работает

Может ли любой орган помочь мне в этом.

<!DOCTYPE html> 
 

 
<html> 
 

 
<head> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/locales/bootstrap-datepicker.bs.min.js"></script> 
 

 
</head> 
 

 
<body> 
 
<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> 
 
     <script type="text/javascript"> 
 
      $(function() { 
 
       $('#datetimepicker1').datetimepicker(); 
 
      }); 
 
     </script> 
 
    </div> 
 
</div> 
 

 

 

 

 

 
</body> 
 
</html>

источник

2016-01-11 Varun

Проверьте ваш бутстраповский-datepicker.bs.min.js. Кажется, вам не хватает js-файла. Попробуйте проверить, и вы увидите ошибку в консоли, что datetimepicker() не является функцией. –

вы правы .. Я пробовал несколько CDN, хотя его не работало .. можете ли вы предоставить мне какую-то ссылку для CDN .. Извините за то, что я DUMB – Varun

Я добавил его в ответ. –

Изменение DateTimePicker CDN. Ниже CDN, кажется, работает для меня:

https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js

Рабочей Plnkr: Plnkr

источник

2016-01-11 18:48:53

копировать и вставлять весь код. Но все же я получаю TypeError: $ (...). Datetimepicker не является функцией \t $ ('# datetimepicker1'). Datetimepicker(); – Varun

@varun вы должны попробовать на своем локальном компьютере, для чего необходимо префикс http: в js и css-файлах, иначе он пытается найти файл, который не существует, следовательно, ошибка. Теперь вы можете скопировать палитру, я обновил Plnkr. –

Кажется, есть проблема ссылки на файлы сценариев.

Обновление скриптов на это вместо:

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> 
<script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>

Fiddle

источник

2016-01-11 18:47:01

Bootstrap Date Time picker не работает

ответ

Смежные вопросы