2012-10-22 2 views
1

매우 비슷한 문제가 있다는 것을 알고 있습니다. 문제가 있다고 생각하기 때문에 datepicker을 직접 풀 수는 없습니다. 그래서 내 로컬 django 프로젝트에서 bootstrap-datepicker bootstrap-datepicker을 사용하려고합니다. 난 장고를 사용하여 약간의 경험을 가지고, 현재 버전 1.4를 사용합니다. 나는 일부 DateField에 대한 datepicker 인터페이스를 사용할 수 있기를 원하는 ModelForm을 가지고있다. django가 설치된 부트 스트랩 - datepicker 1.4

<div class="well"> 
    <input type="text" class="span2" value="02/16/12" data-date-format="mm/dd/yy" id="datepicker" > 
</div> 

그리고 내 템플릿의 하단에

가 나는 다음 JS 코드가 있습니다 : 내 기본 레이아웃 템플릿에 지금

<script> $("#datepicker").datepicker(); </script> 

을 나는 다음과 같은 한 내가 사용하는 템플릿에 올바르게 양식 필드를 렌더링 :

:

<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.css"/> 
<link rel="stylesheet" href="{{ STATIC_URL }}css/datepicker.css"/> 

{% block head %}{% endblock %} 
{% include "layouts/header.html" %} 
{% block content %}{% endblock %} 
{% include "layouts/footer.html" %} 

<script src="{{ STATIC_URL }}js/bootstrap.js"></script> 
<script src="{{ STATIC_URL }}js/bootstrap-datepicker.js"></script> 
{% block scripts %}{% endblock %} 

나는 물론 날짜 선택기를 렌더링 할 템플릿은 기본 레이아웃 템플릿을 포함

{% extends "layouts/base.html" %} 

내 정적 파일 3,691,363,210는 다음과 같은 방법으로 배포됩니다 : 내 양식을 렌더링 할 때 여전히 할 수있는 뭔가가 있지만 수 있도록 내가 전에 내 프로젝트에 JS를 사용한 적이

Project/ 
    apps/ 
    static/ 
     css/ 
      bootstrap.css 
      datepicker.css 
      datepicker.less 
     js/ 
      bootstrap.js 
      bootstrap-datepicker.js 

을의하여 DateField 확인을 보여줍니다 datepicker 예제와 마찬가지로 캘린더에서 날짜를 선택할 위젯을 배치 할 수는 없습니다. 매번 제가 확인 runserver에 다음을 얻을 양식을 사용하여 URL을 다시로드 :

[22/Oct/2012] "GET /element/new HTTP/1.1" 200 9547 
[22/Oct/2012] "GET /static/js/bootstrap.js HTTP/1.1" 304 0 
[22/Oct/2012] "GET /static/css/datepicker.css HTTP/1.1" 304 0 
[22/Oct/2012] "GET /static/js/bootstrap-datepicker.js HTTP/1.1" 304 0 
[22/Oct/2012] "GET /static/css/bootstrap.css HTTP/1.1" 200 118150 

내가 많은에게 도움의 모든 종류의 감사하겠습니다. 내 settings.py가 필요한 경우 다음 링크에 있습니다 : settings.py

고맙습니다.

답변

2

명확성을 위해. 문제의 datepicker는 http://www.eyecon.ro/bootstrap-datepicker/

내 자신의 프로젝트에서이 datepicker를 구현했지만보다 복잡한 JS 사용의 일부로 만 사용됩니다. 내가 (이) 일할 수있는 $에 필요한 JQuery와 JS 파일에 대한 언급을 볼

$("#datepicker").datepicker({ 
    format: 'yyyy-mm-dd', 
    weekStart: 1, 
}); 

: 내 호출에 가까운 것이었다.

runserver 메시지는 완전히 정상입니다. 그들은 작동 방식과 함께 수신되는 HTTP 호출이며, 200과 304는 파일을 찾거나 다시 가져올 필요가없는 파일을 의미합니다. 그래서 괜찮습니다. 다시 말하지만 jQuery를 요청하는 브라우저가 보이지 않아 누락 될 수 있습니다.

문제를 해결하려면 Javascript 콘솔 (브라우저)에서 runserver보다 오류를 찾아야합니다.

희망이 있습니다.

+0

JQuery와 관련이 있다고 생각 했었는데 이전에는 JQuery를 사용하지 않았기 때문에 포함시키지 않았고 필요하다고 생각하지 않았으며 프로젝트에 추가하는 방법은 무엇입니까? – PepperoniPizza

+0

http://jquery.com/ 해당 사이트를 확인하십시오. 다운로드하여 다른 .js 파일과 마찬가지로 스크립트 태그에 추가하십시오. 해당 사이트에서의 작동 방식을 읽을 수 있습니다. 하지만 jQuery가 있으면 위의 샘플이 작동해야합니다. 아마도 HTML의 bootstrap.js 이전이어야합니다. – jbn

+0

저를 위해 일한 YEP, jquery는 제가 놓친 것입니다. 감사 – PepperoniPizza