将 DateRangePicker 值传递给 Django 中的视图文件

问题描述

我正在尝试使用 Date Range Picker用户选择一个日期范围,该范围可用于过滤我的 views.py 文件中的函数结果。如何将值从 JavaScript 函数传递到我的 views.py 文件?我是否需要使用表单,或者不用它也可以完成?

my_template.html

{% block content %}
<form method="post" action="">
    {% csrf_token %}
    <div id="reportrange">
        <i class="fa fa-calendar"></i>
        <span></span> <i class="fa fa-caret-down"></i>
    </div>
    <button type="submit" class="btn btn-success">Send</button>
</form>
{% endblock content %}

{% block javascripts %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
<script type="text/javascript">
    $(function () {
        var start = moment().subtract(29,'days');
        var end = moment();

        function cb(start,end) {
            $('#reportrange span').html(start.format('MMMM D,YYYY') + ' - ' + end.format('MMMM D,YYYY'));
        }

        $('#reportrange').daterangepicker({
            startDate: start,endDate: end,ranges: {
                'Today': [moment(),moment()],'Yesterday': [moment().subtract(1,'days'),moment().subtract(1,'days')],'Last 7 Days': [moment().subtract(6,'Last 30 Days': [moment().subtract(29,'This Month': [moment().startOf('month'),moment().endOf('month')],'Last Month': [moment().subtract(1,'month').startOf('month'),'month').endOf('month')]
            }
        },cb);
        cb(start,end);
    });
</script>
{% endblock javascripts %}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...