Django应用中的Jquery Datepicker问题

我是django的新手,正在尝试构建我的第一个预订应用程序。我有用于预订的工作表单,但是在执行查询表单以根据日期检索预订结果时遇到麻烦。我正在使用Jquery日期选择器并使用POST方法来获取预订信息(以下是代码)。当我打印request.POST时,我无法将日期从jquery日期选择器传递到视图。POST仅收到None响应。我一直在寻找解决方案,但无法解决。请提出解决方法。

谢谢。

HTML代码:

    <head>
        <meta charset="utf-8" />
        <title>Form</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> 
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
        <script>
        $(document).ready(function() {
            $('#datepicker').datepicker();
        });
        </script>
    </head>
    <body>
        <form action="" method="post">{% csrf_token %}
            <!--{{ form.date }} -->
            <p>Date: <input type="text" id="datepicker"></p>
            <!-- The rest of my form -->
            <input type="submit" value="submit" />
        </form>

{% for rom in qdate%}
{{rom.room}} {{rom.Purpose}} {{rom.start_time}} {{rom.end_time}} </br>
{%endfor%}
{% else %}

表格: 我的forms.py代码显示Jquery datepicker小部件并传递日期输入

from functools import partial
DateInput = partial(forms.DateInput,{'class': 'datepicker'})

# import django_filters
class DateFilter(forms.Form):
  date_input = forms.DateField(input_formats=['%m/%d/%Y',],required=False,widget=forms.DateInput(format = '%m/%d/%Y'))

观看次数: 我的view.py代码可以动态查询并显示大于或等于查询日期的预订

class qdate(TemplateView):
    template_name='calc.html'

    def post(self,request):
        form = DateFilter(request.POST)
        if request.POST and form.is_valid():
            print(request.POST.get('date_input'))
            dater = EventBooking.objects.filter(date__gte=form)
            args = {'qdate':dater}
            return render(request,self.template_name,args)
        else:
            return HttpResponse('Well Hello there!')

型号: 我模型中的日期字段。

    date=models.DateField()
askf7355 回答:Django应用中的Jquery Datepicker问题

从Django使用的表单不​​是用于接收日期选择器的表单,而是在输入中添加标签名称,然后您就可以使用{{1} }

request.POST.get('date_input')

或者您可以改用表格

<p>Date: <input name="date_input" type="text" id="datepicker"></p>

您的jquery将变为:

<form action="" method="post">{% csrf_token %}
    {{ form.date_input }}
    <input type="submit" value="submit" />
</form>
本文链接:https://www.f2er.com/3086580.html

大家都在问