使用Ajax将Daterangepicker参数传递给JQuery DataTable

<input type="text" id="daterange" name="daterange" />

<script>
$(function() {
  $('#daterange').daterangepicker({
    startDate: '2022-01-01',
    endDate: '2022-01-31'
  });
});
</script>

<table id="datatable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
  </tbody>
</table>

<script>
$(function() {
  $('#datatable').DataTable();
});
</script>

<script>
$(function() {
  $('#daterange').daterangepicker({
    startDate: '2022-01-01',
    endDate: '2022-01-31'
  }, function(start, end, label) {
    var startDate = start.format('YYYY-MM-DD');
    var endDate = end.format('YYYY-MM-DD');
    
    // 使用Ajax发送参数给后端
    $.ajax({
      url: '后端接口地址',
      method: 'GET',
      data: {
        startDate: startDate,
        endDate: endDate
      },
      success: function(response) {
        // 处理后端返回的数据
        // 更新表格数据
      },
      error: function(error) {
        // 处理错误
      }
    });
  });
});
</script>