これにより、カレンダー型式で入力を行えるようになるので、とても便利です。
でも、これを Django で使うまでが一苦労..
ポイントを纏めておきます。
#環境等
・GAE(Google App Engine)/Python
・Django 1.4
・jquery mobile 1.4
1.モデル
# こんな感じです。NDB使ってます。
class Event(ndb.Model):
start_dt = ndb.DateTimeProperty() # イベントの開始日時の例です。
..
2.フォームオブジェクト
# インプットタイプを指定します。
forms.DateTimeInput.input_type="datetime-local"
# フォームの入力フィールドです。
class EventForm(forms.Form):
start_dt = forms.DateTimeField(label='開始日時:', widget=forms.DateTimeInput, input_formats=['%Y-%m-%dT%H:%M'])
..
# widget で、forms.DateTimeInput を指定することにより、ローカル日時（datetime-local）の入力欄を表示します。
# input_formats で、バリデーションの型 '%Y-%m-%dT%H:%M' を定義します。ここ重要!!
3.テンプレート
<form method="POST" action="/post/">
<div class="ui-field-contain">{{ form.start_dt.label_tag }}{{ form.start_dt.errors }}{{ form.start_dt }}</div>
..
# jquery mobile では、ui-field-contain で括って、ラベルとかエラーとか表示させます。
4.データの書き込み
def post(request):
if request.method == 'POST':
form = EventForm(request.POST)
if form.is_valid():
e = Event()
e.start_dt = form.cleaned_data['start_dt']
e.put()
# バリデーションチェック後、データを書き込みます。
5.データをフォームに渡す
# データを取り出し
e = Event.get_by_id(key)
# strftime で、日時フォーマットを変更
start_dt = e.start_dt.strftime("%Y-%m-%dT%H:%M")
# フォームオブジェクトを生成
data = {
'start_dt' : start_dt,
..
}
form = EventForm(data)
参考
http://www.htmq.com/html5/input.shtml
http://docs.djangoproject.jp/en/latest/topics/forms/index.html
http://stackoverflow.com/questions/16201343/input-formats-to-datetimefield
