カレンダーウィジェットの独立

[aya-taka]

概要

• タスクや日報の絞り込みに使用しているカレンダーは、django管理サイトで使用されるウィジェットを流用したものである
• 管理サイトへアクセスできなければ(管理サイトが無効となっている状態)、ウィジェットは表示されない
  • その状態であってもYYYY-MM-DD形式の日付を直接入力することで絞り込むことは可能
• djangoモジュールより、必要部分を抽出し、アプリケーションのstaticフォルダに配置したが、ウィジェットのデザインが崩れてしまった
  • カレンダーの形状が左に寄る、日本語表示できない("今日"ではなく"Today")など
  • YYYY-MM-DD入力は可能

    対象

• urls.py,base.html(,forms.py)
• 1.新規にカレンダーを表示することのできるウィジェットを導入する
  • 検索したものの発見できず。検索継続。
• 2.新規にウィジェットを作成する
  • 作業量が増えるため、非推奨
• 3.管理サイト用ウィジェットの独立運用
  • 現状の「形状が崩れる」問題の原因として、スタイルシートの干渉、フォームを構成する要素(画像等)へのアクセス権の問題などが考えられる
  • 特に後者に対する検討を行う
• 基本的には3番を最優先、並行してモジュールを検索していく形か

[aya-taka]

モジュール：https://github.com/asaglimbeni/django-datetime-widget

[aya-taka]

上記モジュールに関して、カレンダー部分が表示されない。

css/jsの干渉を考え、必要最低限、かつデモページで指定しているものにするも未解決

追記---

datetimepickerが別途必要

readmeには書かれていないものの、デモサイト上でリンクしてcssを読み込んでいる

[aya-taka]

下記の二行でカレンダー表示部を形成している模様

<link href="/static/css/datetimepicker.css" type="text/css" media="all" rel="stylesheet" />
<script type="text/javascript" src="/static/js/bootstrap-datetimepicker.js"></script>

{{form.media}}タグで読み込まれている