縦に時間、横に施設種類のテーブルを使って、予約時間をPOSTするページを作っています。
POSTで、時間と施設idを組み合わせたキーを配列で返したいです。
一応動きはするのですが、POSTした際に何も返ってきません。
以下のページを参考に、choicesに割り当てる番号なども考えてみたのですが、うまく動いていません。
htmlの中では、予約済みのところにはチェックボックスを表示しないので、全てをループで回す方法は取りたくないと考えています。
よろしくお願いします。
https://arakan-pgm-ai.hatenablog.com/entry/2019/02/14/090000
forms
1class BookingDayForm(forms.Form): 2 booking = forms.MultipleChoiceField( 3 widget=forms.CheckboxSelectMultiple, 4 required=False 5 )
views
1 calendar = {} 2 choice = [] 3 for hour in range(7, 21): 4 row = {} 5 i = 0 6 for place in place_data: 7 row[place.id] = True 8 choice.append(str(hour)+"_"+str(i)) 9 i += 1 10 calendar[hour] = (0, row) 11 12 form = BookingDayForm() 13 form.fields['booking'].choices = choice 14 form.fields['booking'].initial = [] 15 16 return render(request, 'app/booking_day.html', { 17 'facility_data': facility_data, 18 'place_data': place_data, 19 'calendar': calendar, 20 'start_date': start_date, 21 'booking_day_form': form 22 })
html
1 <form id="booking_day" method="post" name="booking_day"> 2 {% csrf_token %} 3 <div class="table table-bordered bg-light"> 4 <table class="table"> 5 <thead class="thead-light"> 6 <tr> 7 <th></th> 8 <th>料金</th> 9 {% for place in place_data %} 10 <th scope="col" class="text-primary">{{ place.id }}</th> 11 {% endfor %} 12 </tr> 13 </thead> 14 <tbody> 15 {% for hour, schedules in calendar.items %} 16 <tr> 17 <td scope='row'>{{ hour }}:00〜{{ hour|add:"1" }}:00</td> 18 <td>{{ schedules.0 }}円/時間</td> 19 {% for datetime, book in schedules.1.items %} 20 <td> 21 {% if datetime <= today %} 22 - 23 {% elif book %} 24 <input type="checkbox" name="tags" value="{{ hour }}_{{ forloop.counter }}" id="{{ datetime.hour }}_{{ forloop.counter }}"> 25 <i class="far fa-circle text-info"></i> 26 {% else %} 27 <i class="fas fa-times text-danger"></i> 28 {% endif %} 29 30 </td> 31 {% endfor %} 32 </td> 33 </tr> 34 {% endfor %} 35 </tbody> 36 </table> 37 </div> 38 <input type="submit" id="button" name="button" value="送信"> 39 </form>
あなたの回答
tips
プレビュー