报表开发-文本框做时间筛选

上次做的日期筛选靠月份的太丑了。升级一下。到日期!

1.先拉两个文本框过来

2.第二个文本框,对它操作

右键-属性

3.属性-编辑器

4.“数据类型”选“日期”

“默认值”选“常规”-“今天”

5.如下图

6.绑定过滤器

7.搜索日期

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js代码 [removed] var personArr = [ { name: '王港', src: 'img/3.png', des: '颈椎不好', sex: 'm' }, { name: '张三', src: 'img/4.png', des: '描述信息2', sex: 'm' }, { name: '李四', src: 'img/5.png', des: '描述信息3', sex: 'm' }, { name: '王麻子', src: 'img/1.png', des: '描述信息4', sex: 'm' }, { name: '阿海', src: 'img/2.png', des: '描述信息5', sex: 'm' }, { name: '刘莹', src: 'img/5.png', des: '我是谁', sex: 'f' }, { name: '王秀莹', src: 'img/4.png', des: '我很好看', sex: 'f' }, { name: '刘金雷', src: 'img/1.png', des: '你没有见过陌生的脸', sex: 'm' }, { name: '刘飞翔', src: 'img/2.png', des: '瓜皮刘', sex: 'm' } ]; //渲染函数 function renderList(arr) { var str = ""; arr.forEach(function (ele, index) { str = '\ \ ' ele.name '\ ' ele.des '\ ' }) $("ul").html(str) } renderList(personArr) //根据名字渲染 var searchVal = ""; var sexVal = "a"; $(".search-box").on("input", function () { searchVal = $(this).val(); all() }) //根据性别渲染 $("span").on("click", function () { $("span").removeClass("active"); $(this).addClass("active"); sexVal = $(this).attr("sex"); all() }) //根据名字筛选数组 function nameFilter(name, arr) { return arr.filter(function (ele, index) { return ele.name.indexOf(name) != -1 ? true : false }) } //根据性别筛选数组 function sexFilter(sex, arr) { if (sex == "a") { return arr; } return arr.filter(function (ele, index) { return ele.sex == sex; }) } //合并筛选 function all() { var lastArr = nameFilter(searchVal, personArr); lastArr = sexFilter(sexVal, lastArr) renderList(lastArr) } [removed] 一款非常简单的jQuery文本框输入文字自动筛选代码,带图片的查询框文字筛选列表显示代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值