带时间的日历控件,结合bootstrap实现_bootstrap自带日期控件,bootstrap日历组件资源-CSDN文库

共14个文件

css：6个

js：5个

png：2个

日历控件,

bootstrap

5星 · 超过95%的资源需积分: 39 144 浏览量 2017-08-23 14:05:28 上传评论收藏 172KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

timeSetting.zip （14个子文件）

timeSetting

timeSetting.html 4KB

src

timeSetting.js 2KB

datePlugin.js 27KB

jquery-1.11.3.js 278KB

bootstrap2

bootstrap.js 60KB

bootstrap.min.js 28KB

css

bootstrap.css 124KB

bootstrap-responsive.css 22KB

bootstrap.min.css 104KB

bootstrap-responsive.min.css 16KB

img

glyphicons-halflings.png 12KB

glyphicons-halflings-white.png 9KB

css

exercisemdf.css 279B

timeSetting.css 78B

<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <link href="bootstrap2/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/timeSetting.css" rel="stylesheet" media="screen"> <script src="js/jquery-1.11.3.js"></script> <script src="bootstrap2/js/bootstrap.min.js"></script> <script src="js/src/timeSetting.js"></script> <script src="js/src/datePlugin.js"></script> </head> <body> <div id="alart-error-template" class="template"> <div class="alert alert-block alert-error"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Error!</h4> <div id="alart-desc"></div> </div> </div> <div id="alart-success-template" class="template"> <div class="alert alert-block alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Success!</h4> <div id="alart-desc"></div> </div> </div> <div id="alart-warning-template" class="template"> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> <div id="alart-desc"></div> </div> </div> <div id="option-item-template" class="template"> <tr class='opt-item'> <td id="opt"></td> <td><input type="text" class="option-content" id="opt-content"></td> <td><input type="checkbox" id="opt-right">是</td> </tr> </div> <div id="time-detail-template" class="template"> <div class="form-horizontal" id="question" data-type=""> <span class="navbar-parse">作业提交阶段</span><hr> <div class="control-group"> <label class="control-label">开始时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="CommitStartTime"> </div> </div> <div class="control-group"> <label class="control-label">结束时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="CommitEndTime"> </div> </div> <span class="navbar-parse">互评阶段</span><hr> <div class="control-group"> <label class="control-label">开始时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="PeerAssessmentStartTime"> </div> </div> <div class="control-group"> <label class="control-label">结束时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="PeerAssessmentEndTime"> </div> </div> <span class="navbar-parse">学生审查阶段</span><hr> <div class="control-group"> <label class="control-label">开始时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="AuditStartTime"> </div> </div> <div class="control-group "> <label class="control-label">结束时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="AuditEndTime"> </div> </div> <span class="navbar-parse">成绩公布阶段</span><hr> <div class="control-group"> <label class="control-label">成绩公布时间：</label> <div class="controls"> <input class="span4 time-setting" type="text" id="PublishTime"> </div> </div> </div> <div class="form-actions"> <a class="btn btn-success" id="save-btn">保存</a> </div> </div> </div> <div class="navbar"> <div class="navbar-inner"> <div class="container"> <a class="brand">时间设置</a> </div> </div> </div> <div id="alart-view"></div> <div id="time-detail"></div> </body> </html>