zoukankan      html  css  js  c++  java
  • datatables-自定义搜索

    想要做一个 时间段的搜索和自带的搜索框可以同时搜索 多次过滤的功能 搞了很久记录下代码:

    jQuery.fn.dataTable.ext.search.push(
                              function( settings, data, dataIndex ) {
                                var start     = new Date( jQuery("#start-date").val().replace(/-/g,"/") ).setHours(0,0,0,0); // 这几个时间的格式注意下 大家不确定的话一定!!要打印一下格式 否则排序不成功
                                var end       = new Date( jQuery("#end-date").val().replace(/-/g,"/") ).setHours(0,0,0,0);   // 这几个时间的格式注意下 大家不确定的话一定!!要打印一下格式 否则排序不成功
                                var ymd = data[7].replace(/-/g,"/").substr(0,10);
                                 //这几个时间的格式注意下 大家不确定的话一定!!要打印一下格式 否则排序不成功
                                var search    = new Date( ymd );
                                if ( ( isNaN (start) && isNaN (end) ) ||
                                    (isNaN(start) && search <= end) ||
                                    (search>= start && isNaN(end) ) ||
                                    (start <= search && search <= end ) 
                                ){
                                    return true;
                                }else{
                                    return false;
                                }
                            });
                    jQuery('#start-date,#end-date').change(function() {
                        table
                        .draw();//按时间段筛选完重绘表格
                    })

    总的代码步骤贴出我的:

    官网的网址也有的:

    http://datatables.club/example/plug-ins/range_filtering.html
  • 相关阅读:
    阅读之分布式架构的数据一致
    阅读之MySQL数据库分表
    阅读笔记1
    问题账户需求分析
    软件需求分析阅读笔记
    开发进度第四天
    开发进度第三天
    开发进度第二天
    线程中三个关键对象闭锁,栅栏,信号量
    java多线程中关于原子操作
  • 原文地址:https://www.cnblogs.com/zsy0712/p/7418730.html
Copyright © 2011-2022 走看看