MVC - 20.前台ajax分页

1.用pager方法，输入参数，会返回一个导航条的html字符串。方法的内部比较简单。

ajax-pager.js

activity.cshtml

image

 

查看效果

image

 

image

 

js日期转化

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/*格式化时间*/
 
Date.prototype.format = function (format) {
    var o = {
        "M+": this.getMonth() + 1, //month
        "d+": this.getDate(),    //day
        "h+": this.getHours(),   //hour
        "m+": this.getMinutes(), //minute
        "s+": this.getSeconds(), //second
        "q+": Math.floor((this.getMonth() + 3) / 3),  //quarter
        "S": this.getMilliseconds() //millisecond
    }
    if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
    (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o) if (new RegExp("(" + k + ")").test(format))
        format = format.replace(RegExp.$1,
        RegExp.$1.length == 1 ? o[k] :
        ("00" + o[k]).substr(("" + o[k]).length));
    return format;
}
 
//字符串转化为时间
function getDate(strDate) {
    if (strDate != null) {
        var date = eval('new Date(' + strDate.replace(/\d+(?=-[^-]+$)/,
     function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')');
        return date;
    } else {
        return "";
    }
 
}
 
//js时间比较(yyyy-mm-dd hh:mi:ss)
function compareDate(strDate1, strDate2) {
    var date1 = new Date(strDate1.replace(/\-/g, "\/"));
    var date2 = new Date(strDate2.replace(/\-/g, "\/"));
    //return date1 - date2;
    console.info(date1)
    if (date1 > date2) {
        return 1;
    } else {
        return -1;
    }
}
//因为firefox与chome不兼容
//firefox设置时间加1天
function DateNextDay(d2) {
    //slice返回一个数组
    var str = d2.slice(5) + "- " + d2.slice(0, 4);
    var d = new Date(str);
    var d3 = new Date(d.getFullYear(), d.getMonth() - 1, d.getDate() + 1);
    //var month = returnMonth(d3.getMonth());
    var month = d3.getMonth();
    var day = d3.getDate();
    //day = day < 10 ? "0" + day : day;
    var str2 = d3.getFullYear() + "年" + month + "月" + day + "日";
    return str2;
}
 
 
//chome设置时间加1天
function DateNextDayChome(d2) {
    //slice返回一个数组
    var str = d2.replace("月", "/");
    var str1 = str.replace("日", "").substr(5) + "- " + d2.slice(0, 4);
    var d = new Date(str1);
    var d3 = new Date(d.getFullYear(), d.getMonth() - 1, d.getDate() + 1);
    //var month = returnMonth(d3.getMonth());
    var month = d3.getMonth();
    var day = d3.getDate();
    //day = day < 10 ? "0" + day : day;
    var str2 = d3.getFullYear() + "年" + month + "月" + day + "月";
    return str2;
}
 
//返回月份
function returnMonth(num) {
    var str = " ";
    switch (num) {
        case 0: str = "01"; break;
        case 1: str = "02"; break;
        case 2: str = "03"; break;
        case 3: str = "04"; break;
        case 4: str = "05"; break;
        case 5: str = "06"; break;
        case 6: str = "07"; break;
        case 7: str = "08"; break;
        case 8: str = "09"; break;
        case 9: str = "10"; break;
        case 10: str = "11"; break;
        case 11: str = "12"; break;
    }
    return str;
}
 
//data.rows[i].BenginTime.getDateByJson("yyyy-MM-dd")
String.prototype.getDateByJson = function (format) {
    var jsondate = this.replace("/Date(", "").replace(")/", "");
    if (jsondate.indexOf("+") > 0) {
        jsondate = jsondate.substring(0, jsondate.indexOf("+"));
    }
    else if (jsondate.indexOf("-") > 0) {
        jsondate = jsondate.substring(0, jsondate.indexOf("-"));
    }
    return new Date(parseInt(jsondate, 10)).format(format);
}

 

 

参考：http://www.cnblogs.com/xiaoafei1991/p/4246662.html 锋利的js前端分页之jQuery

作者：【唐】三三

出处：https://www.cnblogs.com/tangge/p/4286546.html

版权：本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   【唐】三三  阅读(337)  评论(0)  编辑  收藏  举报
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示
AI IDE Trae