Watch Star Fork

jeArts / JEUIJavaScript

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
JEUI 是一款国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,国内很多程序员javascript不熟, 大大影响了开发速度. 因此JEUI不需要开发人员去关心javascript怎么写, 只要写标准html就可以了,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。 http://www.jemui.com/
一键复制 编辑 原始数据 按行查看 历史
user-list.html 7.18 KB jeSinArts 提交于 2017-07-13 16:00 . jeui 1.0.2
<!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">&#xe66e;</i> 添加会员</button>
<button class="je-btn je-bg-orange"><i class="je-icon je-f20">&#xe62b;</i> 审核会员</button>
<button class="je-btn je-bg-red"><i class="je-icon je-f20">&#xe63e;</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>

搜索帮助