bootstraptable查看详情_bootstrap-table前端实现多条件时间段查询数据

该博客介绍如何使用BootstrapTable实现前端多条件查询,包括单据号查询和结合采购部门与时间段的联合查询。通过正则匹配字段,将时间段转换为时间戳进行比对,展示匹配的数据。
摘要由CSDN通过智能技术生成

实现思路:通过正则匹配到字段是否符合条件,时间段转换为时间戳比对。

这是大体的效果图:

页面的html代码

采购部门:

{foreach name="ware_list" item="vo" }

{$vo.warehouse_name}

{/foreach}

单据日期:

--

下面为请求数据:

var productList=[];  //订单数据

//生成订单数据

$.ajax({

url:dataUrl,

type:'get',

async:false,

success:function(res){

var response=JSON.parse(decodeURIComponent(res));

productList=response;

$('#tb_data').bootstrapTable({

data:response,

height:base.countTbodyHeight("#tb_data") + 100, //高度调整

striped: true, //是否显示行间隔色

pagination: true, //是否显示分页(*)

sortabl

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值