数据表上的Django datepicker

Question

我必须将datepicker应用于我的数据表以过滤两个日期范围之间的数据。我已经应用了我的东西并尝试了不同的代码，但是没有解决。我的表格包含日期的格式（例如-2019年7月16日）。我知道可以用javascript完成，但是我做不到。请帮忙。

 <table id="table table-mutasi" data-toggle="table" data-pagination="true" data-search="true" data-show-columns="true" data-show-pagination-switch="true" data-show-refresh="true" data-key-events="true" data-show-toggle="true" data-resizable="true" data-cookie="true" data-cookie-id-table="saveId" data-show-export="true" data-click-to-select="true">
                            <thead>
                                <tr>
                                    <th data-field="state" data-checkbox="true"></th>
                                    <th data-field="id">center</th>
                                    <th data-field="cabin" >cabin</th>
                                    <th data-field="boooked_date">Booked date</th>
                                    <th data-field="release_date">Release Date</th>
                                    <th data-field="client">Client</th>
                                    <th data-field="booked_by">Booked by</th>
                                    {% if not request.user.is_superuser %}
                                     <th>Actions</th>
                                    {% endif %}

                                </tr>
                            </thead>
                            <tbody>
                                 {% for object in object_list %}
                                <tr>
                                    <td>{{ forloop.counter }}</td>
                                    <td>{{ object.premises}}</td>
                                    <td>{{ object.cabin }}</td>
                                    <td>{{ object.booked_date }}</td>
                                    <td>{{ object.release_date }}</td>
                                    <td>{{ object.client }}</td>
                                    <td>{{ object.booked_by }}</td>
                                    {% if not request.user.is_superuser %}
                                    <td>
                                          <a href="{% url 'manager:BookingUpdate' pk=object.id %}" style="color:black; margin-left:8px"><span class="glyphicon glyphicon-edit"></span></a>
                                          <input type="hidden" id="cendel"  value="{{object.id }}">

                                          <a href="#" style="color:black ;margin_left:8px;" id="delete"  ><span class="glyphicon glyphicon-trash"></span></a>                                         </td>
                                    {% endif %}
                                </tr>
                                 {% endfor %}
                            </tbody>
                        </table>