问题描述
我正在尝试使用 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 (将#修改为@)