<!DOCTYPE html>
<head>
<title>查询用户信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div style="margin-left: 20px;width: 700px;">
<h4>查询用户信息</h4>
<hr>
<form class="form-inline">
<label class="control-label">开始时间</label>
<input id="start-time" name="startDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd', el:'start-time', maxDate:'#F{$dp.$D(\'end-time\')}'})" type="text" readonly="readonly" style="width: 188px;cursor: pointer;">
<label class="control-label">结束时间</label>
<input id="end-time" name="endDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd', el:'end-time', minDate:'#F{$dp.$D(\'start-time\')}'})" type="text" readonly="readonly" style="width: 188px;cursor: pointer;">
</form>
<table class="table table-bordered">
<thead>
<tr>
<th>用户编号</th>
<th>用户姓名</th>
<th>添加时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>aaa</td>
<td>2018-01-01 10:01:22</td>
</tr>
<tr>
<td>002</td>
<td>bbb</td>
<td>2018-01-02 11:05:02</td>
</tr>
</tbody>
</table>
</div>
<!-- 引用的js文件 -->
<script src="./js/jquery-1.11.3.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<!-- calender -->
<script src="./calendar/WdatePicker.js"></script>
</body>
</html>
日历插件示例art-calender-test
需积分: 26 39 浏览量
2020-09-24
09:58:32
上传
评论
收藏 123KB ZIP 举报
art-calender-test.zip （22个子文件） 
art-calender-test css 
bootstrap.min.css 122KB calendar calendar.js 22KB WdatePicker.js 10KB skin twoer 
img.gif 475B
img.png 48KB datepicker.css 3KB datepicker-dev.css 5KB default img.gif 2KB datepicker.css 4KB datePicker.gif 1KB WdatePicker.css 205B lang zh-cn.js 1KB en.js 644B
queryUser.html 2KB .idea art-template-test.iml 281B workspace.xml 21KB encodings.xml 159B misc.xml 962B modules.xml 286B .name 17B js jquery-1.11.3.min.js 94KB bootstrap.min.js 28KB资源评论
