时间戳

首页 > 解决方案 > 图表 js 日期范围选择器应用功能

javascript - 图表 js 日期范围选择器应用功能

问题描述

<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>

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

在此处输入图像描述

标签： javascriptchart.js

解决方案

我得到了部分答案现在我必须将此日期连接到我的数据库 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>

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

推荐阅读