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
  • 相关阅读:
    Java设计模式--单列设计模式
    TCP服务器端和客服端(一)
    面向对象 ---Java抽象类
    全新的代码
    黑马程序员入学基础测试(五)
    mysql 权限管理
    centos7 端口开放
    centos7 yum 安装 mysql
    centos7 安装jdk
    centos7 yum 安装jq
  • 原文地址:https://www.cnblogs.com/zsy0712/p/7418730.html
Copyright © 2011-2022 走看看