Question

<html lang="en">
<head>
    <title>Jquery - Bootstrap Daterangepicker Example</title>
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />
    <script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
</head>
<body>


<input type="text" class="daterange" />


<script type="text/javascript">
	$('.daterange').daterangepicker();
</script>


</body>
</html>

我想对图表应用函数以更改下面的日期标签是我的脚本

enter image description here

Answer 1

现在我得到了部分答案，我必须将此日期连接到我的数据库PostgreSQL

<script>
    $('.daterange').on('apply.daterangepicker', function add1(){
        let ab=[{% for item in values2 %}
            {{item}},
        {% endfor %}]
    mixedChart.data.datasets[2].data=ab;
         mixedChart.update();
           });
 </script>

当我单击开始日期或结束日期时，我想将上面的代码更改为开始日期和结束日期，如果有任何建议或提示让我知道结束日期相同，则应该在后端动态更改

图表js日期范围选择器套用功能

1 个答案: