2015-03-14 2 views
0

Я довольно новичок в этом, но я пытаюсь получить встроенный режим загрузки bootprap datepicker, но мои divs ничего не отображают после рендеринга. возможно, вы знаете, что не так с моим кодом?Bootstrap inline datepicker с django не работает

<html> 
    <head> 
     <title>bootstrap datepicker examples</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link rel="stylesheet" type="text/css" href={%static "bootstrap-3.3.2-dist/css/bootstrap.min.css" %}> 
     <link rel="stylesheet" type="text/css" href="{%static 'css/datepicker.css' %}"/> 
     <link rel="stylesheet" type="text/css" href={%static "css/main.css"%}> 
    </head> 
    <body> 
     <div id="main"> 
      <div class="datepicker"></div> 
     </div> 


     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> {# jQuery #} 
     <script src="{% static 'bootstrap-3.3.2-dist/js/bootstrap.min.js' %}"></script>  {# Bootstrap #} 
     <script type="text/javascript" src="{% static 'js/bootstrap-datepicker.js' %}"></script> 
     <script> 
      $(document).ready(function() { 
       $(".datepicker").datepicker(); 
      }); 
     </script> 

    </body> 
</html> 

Это работает, если я использую тег, но тогда он не находится в встроенном режиме.

+0

Я никогда не использовал самозагрузки DatePicker, но я видел документ и у меня есть один вопрос, почему вы положили его в DIV тег не вводит тег? Может быть, это проблема –

ответ

0

введите следующий код в первую строку вашего файла шаблона.

{% load staticfiles %}

и изменить

<div class="datepicker"></div> 

в

<input class="datepicker" /> 
+0

Спасибо за ответ! Линия {% load staticfiles%} уже была там раньше. Кроме того, изменяя div на вход, datepicker вынимается из встроенного режима, что не то, что мне нужно. – user2101984

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