-
Notifications
You must be signed in to change notification settings - Fork 0
/
user-list.html
172 lines (165 loc) · 7.18 KB
/
user-list.html
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>演示-普通内容列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/jeui.css" media="all">
<link rel="stylesheet" href="css/skin/jebox.css" media="all">
<link rel="stylesheet" href="css/skin/jedate.css" media="all">
<script type="text/javascript" src="js/modules/jeui.js"></script>
<style>
.userphoto{width: 60px;height: 60px;overflow: hidden;}
</style>
</head>
<body>
<div class="je-p20">
<blockquote class="je-quote green je-f16 je-ovh je-mb10">
<p class="je-pb5">
<input type="text" name="title" id="inpstart" placeholder="开始日期" readonly class="je-input je-pl5 je-pr5">
<input type="text" name="title" id="inpend" placeholder="结束日期" readonly class="je-input je-pl5 je-pr5">
<input type="text" name="title" autocomplete="off" placeholder="请输入关键字" class="je-input je-pl5 je-pr5">
<button class="je-btn je-f14">查询</button>
</p>
<p>
<button class="je-btn" id="addart"><i class="je-icon je-f20"></i> 添加会员</button>
<button class="je-btn je-bg-orange"><i class="je-icon je-f20"></i> 审核会员</button>
<button class="je-btn je-bg-red"><i class="je-icon je-f20"></i> 删除会员</button>
</p>
</blockquote>
<table class="je-table je-mb20" id="newCheck">
<thead>
<tr>
<th width="30"><input type="checkbox" name="checkbox" id="gocheck" jename="chunk"></th>
<th width="80" align="left">序号</th>
<th>头像</th>
<th>姓名</th>
<th>手机</th>
<th>性别</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><input type="checkbox" name="checkbox" jename="chunk"></td>
<td>01</td>
<td align="center"><img src="images/userphoto.jpg" class="userphoto"/></td>
<td>张三</td>
<td>13800138000</td>
<td>男</td>
<td align="center">
<button class="je-btn je-btn-mini je-f12">编辑</button>
<button class="je-btn je-btn-mini je-bg-red je-f12">删除</button>
</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox" jename="chunk"></td>
<td>02</td>
<td align="center"><img src="images/userphoto.jpg" class="userphoto"/></td>
<td>王红</td>
<td>13800138000</td>
<td>女</td>
<td align="center">
<button class="je-btn je-btn-mini je-f12">编辑</button>
<button class="je-btn je-btn-mini je-bg-red je-f12">删除</button>
</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox" jename="chunk"></td>
<td>01</td>
<td align="center"><img src="images/userphoto.jpg" class="userphoto"/></td>
<td>张三</td>
<td>13800138000</td>
<td>男</td>
<td align="center">
<button class="je-btn je-btn-mini je-f12">编辑</button>
<button class="je-btn je-btn-mini je-bg-red je-f12">删除</button>
</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox" jename="chunk"></td>
<td>02</td>
<td align="center"><img src="images/userphoto.jpg" class="userphoto"/></td>
<td>王红</td>
<td>13800138000</td>
<td>女</td>
<td align="center">
<button class="je-btn je-btn-mini je-f12">编辑</button>
<button class="je-btn je-btn-mini je-bg-red je-f12">删除</button>
</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox" jename="chunk"></td>
<td>01</td>
<td align="center"><img src="images/userphoto.jpg" class="userphoto"/></td>
<td>张三</td>
<td>13800138000</td>
<td>男</td>
<td align="center">
<button class="je-btn je-btn-mini je-f12">编辑</button>
<button class="je-btn je-btn-mini je-bg-red je-f12">删除</button>
</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox" jename="chunk"></td>
<td>02</td>
<td align="center"><img src="images/userphoto.jpg" class="userphoto"/></td>
<td>王红</td>
<td>13800138000</td>
<td>女</td>
<td align="center">
<button class="je-btn je-btn-mini je-f12">编辑</button>
<button class="je-btn je-btn-mini je-bg-red je-f12">删除</button>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
jeui.use(["jquery","jeBox","jeDate","jeCheck"],function () {
var start = {
format: 'YYYY-MM-DD hh:mm:ss',
minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
isinitVal:true,
//festival:true,
ishmsVal:false,
maxDate: $.nowDate({DD:0}), //最大日期
choosefun: function(elem, val, date){
end.minDate = date; //开始日选好后，重置结束日的最小日期
endDates();
}
};
var end = {
format: 'YYYY-MM-DD hh:mm:ss',
minDate: $.nowDate({DD:0}), //设定最小日期为当前日期
//festival:true,
maxDate: '2099-06-16 23:59:59', //最大日期
choosefun: function(elem, val, date){
start.maxDate = date; //将结束日的初始值设定为开始日的最大日期
}
};
//这里是日期联动的关键
function endDates() {
//将结束日期的事件改成 false 即可
end.trigger = false;
$("#inpend").jeDate(end);
}
$('#inpstart').jeDate(start);
$('#inpend').jeDate(end);
$("#newCheck").jeCheck({
jename:"chunk",
attrName:[false,"勾选"],
itemfun: function(elem,bool) {
console.log(bool)
//console.log(elem.prop('checked'))
},
success:function(elem){
jeui.chunkSelect(elem,'#gocheck','on')
}
})
});
</script>
</body>
</html>