首页 > 解决方案 > Javascript/jquery 表过滤合并

问题描述

使用 pdf、excel 的 JSON 导出引导 tada 过滤器。任何人都可以帮助我吗?>

这是我的代码:

<script>
  var $table = $('#edit_table')
  $(function() {
    $('#toolbar').find('select').change(function () {
      $table.bootstrapTable('destroy').bootstrapTable({
        exportDataType: $(this).val(),
        exportTypes: ['json', 'xml', 'csv', 'txt', 'sql', 'excel', 'pdf'],
        columns: [
          {
            field: 'state',
            checkbox: true,
            visible: $(this).val() === 'selected'
          },
          {
            field: 'id_item',
            title: 'Batch Number'
          },
          {
            field: 'name',
            title: 'Product Name'
          },
          {
            field: 'quantity',
            title: 'Quantity'
          },
          {
            field: 'price',
            title: 'Price'
          },
          {
            field: 'type',
            title: 'Category'
          },
          {
            field: 'date',
            title: 'Date Stockout'
          }
        ]
      })
    }).trigger('change')
  })
</script>

这是我要合并的代码:

$(function() 
  {
    $('#table').bootstrapTable()
  }
  )
  
//Moment.JS Return Date Ranges
function getDates(startDate, stopDate) {
    var dateArray = [];
    var currentDate = moment(startDate);
    var stopDate = moment(stopDate);
    while (currentDate <= stopDate) {
        dateArray.push( moment(currentDate).format('YYYY-MM-DD'))
        currentDate = moment(currentDate).add(1, 'days');
    }
    return dateArray;
}
 
  
  $('#ok').click( function() 
  { 

    var $table = $('#table')
    var from=$("input[type=date][name=date1]" ).val();
    var to=$("input[type=date][name=date2]" ).val();
    $table.bootstrapTable('filterBy',{ ETA: getDates(from,to)}) 
        
    
 
})

那可能吗?

我正在制作一个带有导出的数据范围选择器的表格。但是可以自己构建。任何人都可以帮助我吗?

参考: https ://jsfiddle.net/wenyi/06pg2wms/11/

标签: javascriptjquerybootstrap-4

解决方案


推荐阅读