매우 비슷한 문제가 있다는 것을 알고 있습니다. 문제가 있다고 생각하기 때문에 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
고맙습니다.
JQuery와 관련이 있다고 생각 했었는데 이전에는 JQuery를 사용하지 않았기 때문에 포함시키지 않았고 필요하다고 생각하지 않았으며 프로젝트에 추가하는 방법은 무엇입니까? – PepperoniPizza
http://jquery.com/ 해당 사이트를 확인하십시오. 다운로드하여 다른 .js 파일과 마찬가지로 스크립트 태그에 추가하십시오. 해당 사이트에서의 작동 방식을 읽을 수 있습니다. 하지만 jQuery가 있으면 위의 샘플이 작동해야합니다. 아마도 HTML의 bootstrap.js 이전이어야합니다. – jbn
저를 위해 일한 YEP, jquery는 제가 놓친 것입니다. 감사 – PepperoniPizza