Question

在我的Django应用程序中，我使用bootstrap-datepicker。用户选择日期，然后在Ajax post请求中将日期传递给/ check / view，然后使用检索到的数据重新加载sub_template。

一切都像桌面上的魅力一样，但看起来像datepicker根本不适用于手机。我已经在Iphone 6s，Android手机和Windows手机（所有默认浏览器）上进行了测试。当我按下日期时，它不会以任何方式作出回应。

这是我的主页html：

<div class = "col-lg-6">
    <h3  class = "h3-hour">2. Choose hour</h3>
    <div class="row row-pad-20">
        {% for time_list in availability_table %}
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            {% for i in time_list %}
                 <button type="submit" class="fade-in-quick btn btn-lg btn-block btn-info btn-core" value="{{ forloop.counter0 }}" name="time" id="time">{{ i.0|date:'H:i' }} do {{ i.1|date:'H:i' }}</button> 
            {% endfor %}
        </div>
        {% endfor %}
    </div>
</div>

子页面html：

$('#datepicker div').datepicker({
    language:"pl",
    startDate: "+1d"
}).on('changeDate', function(event) {
    var date = event.format()
    console.log(date);
    $.ajax({
         type:'POST',
         url: '/check/',
         data: {'date': date, 'csrfmiddlewaretoken': $('input[name="csrfmiddlewaretoken"]').val()},
         success: function(data) {
         $('#refresh-div').html(data);
         }
        });
    });

主页脚本：

Date

知道它为什么不起作用？

Answer 1

显然这个div：

<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12"></div>

造成了问题。当我刚刚删除col-lg-4之后的所有类（无论如何都没有必要）时，一切正常。

Django eternicode bootstrap-datepicker不适用于手机

1 个答案: