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
  • 相关阅读:
    中国大学生计算机设计大赛
    static关键字
    C++语言的术语“引用”
    指针常量,常量指针
    汉字统计
    C读取文件
    Clock(win32)
    航空订票管理系统
    哈夫曼编码-数据结构实验
    php require、require_once和include、include_once的区别
  • 原文地址:https://www.cnblogs.com/zsy0712/p/7418730.html
Copyright © 2011-2022 走看看