zoukankan      html  css  js  c++  java
  • jquery实现table按时间排序

    $(document).ready(function(){
      sortTable();
    });

    var sortTable = function(){
        $("#tableList").find("#cell_startDate").bind("click",function(){
            var sortType = changSign("#tableList","#cell_startDate");
            var sortByStartDateFun = sortByType(sort,".list_startDate label");
            $("#tableList tbody").html($("#tableList tbody tr").sort(sortByStartDateFun));
        });
    }

    var changSign = function(tableSign,rowSign)
    {
        var idtext = $(tableSign).find(rowSign).text();
        var sortType = "asc";
        if(idtext.indexOf("↑") > 0)
        {
            $(tableSign).find(rowSign).text(function(i,origText){
                return origText.substring(0,4) + "↓";
            });
            sortType = "asc";
        }else{
            $(tableSign).find(rowSign).text(function(i,origText){
                return origText.substring(0,4) + "↑";
            });
            sortType = "desc";
        }
        return sortType;
    }

    var sortType = function(sortType,list_sort){
        return function sortByDate(a,b){
            var aVal = $(a).find(list_sort).text();
            var bVal = $(b).find(list_sort).text();
            if("" == aVal)
            {
                return -1;
            }
            if("" == bVal)
            {
                return 1;
            }
            var aDateTemp = aVal.split(" ");
            var bDateTemp = bVal.split(" ");
            
            var arrStartDate = aDateTemp[0].split("-");
            var arrEndDate = bDateTemp[0].split("-");
            
            var arrStartTime = aDateTemp[1].split(":");
            var arrEndTime = bDateTemp[1].split(":");
            
            var allStartDate = new Date(arrStartDate[0],arrStartDate[1],arrStartTime[0],arrStartTime[1],arrStartTime[2]);
            var allEndDate = new Date(arrEndDate[0],arrEndDate[1],arrEndTime[0],arrEndTime[1],arrEndTime[2]);
            
            if(sortType == "asc")
            {
                if(allStartDate >= allEndDate)
                {
                    return 1;
                }else{
                    return -1;
                }
            }else{
                if(allStartDate > allEndDate)
                {
                    return -1;
                }else{
                    return 1;
                }
            }
        }
    }

  • 相关阅读:
    Exp5 MSF基础应用
    20155239 《网络对抗》Exp4 恶意代码分析
    20155239吕宇轩《网络对抗》Exp3 免杀原理与实践
    20155239 吕宇轩 后门原理与实践
    20155239吕宇轩 Exp1 PC平台逆向破解(5)M
    学号—20155239—吕宇轩《信息安全系统设计基础》课程总结
    20155238 2016-2017-2《Java程序设计》课程总结
    20155238 第十五周课堂实践
    20155238 实验四 Android程序设计
    20155238 《JAVA程序设计》实验三(敏捷开发与XP实践)实验报告
  • 原文地址:https://www.cnblogs.com/happyrocky/p/web_jspsort.html
Copyright © 2011-2022 走看看