蜗小牛
- 浏览: 60251 次
- 性别:
- 来自: 大连
-
文章分类
最新评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>作业管理>新建作业</title>
</head>
<body>
<div class="container">
<div class="col-xs-12 dzp_top"><!--顶部--></div>
<div class="col-xs-12_content">
<div class="row">
<div class="col-xs-3">1<!--左侧--></div>
<div class="col-xs-9" style="min-height:470px;">
<label class="dzp_title">作业管理>新建作业</label>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">作业信息</h3>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<table class="table table-bordered table-striped">
<tr>
<td style="text-align:right;">名称：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;"/>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">上传附件 ：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;" />
</div>
<div class="col-xs-3">
<button type="button" class="btn btn-default">浏览</button>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">附件名：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;"/>
</div>
<div class="col-xs-3">
<button type="button" class="btn btn-default">上传</button>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">描述：</td>
<td>
<textarea class="form-control" rows="4" style="resize:none;">章节描述。。。</textarea>
</td>
</tr>
<tr>
<td style="text-align:right;">满分：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;"/>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">作业提交截止时间：</td>
<td>
<div>
<div class="col-xs-3">
<div id="datetimepicker2" class="input-append">
<input data-format="yyyy-MM-dd" class="form-control" type="text" style="height:34px;"></input>
<span class="add-on" style="height:34px;cursor:pointer;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</td>
</tr>
</table>
<div class="row" style="margin-bottom:20px;">
<div class="col-xs-6 text-right">
<button type="button" class="btn btn-default btn-md">提交</button>
</div>
<div class="col-xs-6">
<button type="button" class="btn btn-default btn-md">取消</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 dzp_bottom">
<!--底部-->
</div>
</div>
</div>
<script type="text/javascript"
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker({
pickTime: false
});
});
$(function() {
$('#datetimepicker2').datetimepicker({
pickTime: false
});
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>作业管理>新建作业</title>
</head>
<body>
<div class="container">
<div class="col-xs-12 dzp_top"><!--顶部--></div>
<div class="col-xs-12_content">
<div class="row">
<div class="col-xs-3">1<!--左侧--></div>
<div class="col-xs-9" style="min-height:470px;">
<label class="dzp_title">作业管理>新建作业</label>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">作业信息</h3>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<table class="table table-bordered table-striped">
<tr>
<td style="text-align:right;">名称：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;"/>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">上传附件 ：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;" />
</div>
<div class="col-xs-3">
<button type="button" class="btn btn-default">浏览</button>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">附件名：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;"/>
</div>
<div class="col-xs-3">
<button type="button" class="btn btn-default">上传</button>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">描述：</td>
<td>
<textarea class="form-control" rows="4" style="resize:none;">章节描述。。。</textarea>
</td>
</tr>
<tr>
<td style="text-align:right;">满分：</td>
<td>
<div class="row">
<div class="col-xs-5">
<input type="text" class="form-control" style="height:34px;"/>
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align:right;">作业提交截止时间：</td>
<td>
<div>
<div class="col-xs-3">
<div id="datetimepicker2" class="input-append">
<input data-format="yyyy-MM-dd" class="form-control" type="text" style="height:34px;"></input>
<span class="add-on" style="height:34px;cursor:pointer;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</td>
</tr>
</table>
<div class="row" style="margin-bottom:20px;">
<div class="col-xs-6 text-right">
<button type="button" class="btn btn-default btn-md">提交</button>
</div>
<div class="col-xs-6">
<button type="button" class="btn btn-default btn-md">取消</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 dzp_bottom">
<!--底部-->
</div>
</div>
</div>
<script type="text/javascript"
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker({
pickTime: false
});
});
$(function() {
$('#datetimepicker2').datetimepicker({
pickTime: false
});
});
</script>
</body>
</html>
分享到：
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1214<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 563CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1011script代码： <script type=" ... -
html之marquee详解
2014-03-28 10:07 600该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 18431。html中a标签的四个属性书写是有顺序的，如果顺序不对，显 ... -
修改360浏览器内核
2014-03-10 17:19 1884浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 714有时候，为了网页设计的美观，需要把div+css设计的页面里的 ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 617对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1808开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 550进行网页设计时，由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 893<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 535■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得 ... -
顶部浮动
2013-11-29 09:37 407<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 503很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现 ... -
转 CSS hack：针对IE6，IE7，firefox显示不同效果
2013-09-05 13:55 962CSS hack：针对IE6，IE7，firefox显示不同效 ... -
white-space:
2013-08-30 10:57 452定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1140{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 538<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 737所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同 ... -
如何在页面中设置IE浏览器的文档模式
2013-08-04 12:58 1052如何在页面中设置IE浏 ...
相关推荐
BootStrap时间控件源码及插件
现有的bootstrap时间控件最小精度只能选择到分钟，秒针是随机生成的。如果应用在时间精度要求很高的系统里，因为随机生成不可控制秒值将会达不到需求。之前做一个公安项目的时候就遇到这一情况。为此改造了原有时间...
bootstrap时间控件使用
Bootstrap 时间控件控制只显示年，只显示年月的视图设置，以及前端获得
bootstrap时间控件datetimepicker,支持中文等
bootstrap时间控件8个
bootstrap时间控件功能比较完善符合一般需求使用。下载可以找我私信发Demo
基于bootstrap的时间控件，js，css及demo
主要介绍了BOOTSTRAP时间控件显示在模态框下面的bug修复,需要的朋友可以参考下
bootstrap datetimepicker时间控件,我自己写的,拿来就能用。包含代码、css 和js。有问题可以留言讨论。
好不容易在一个技术大牛的网站找到的，想让angularjs的控件更好用的同学看过来啊
bootstrap 时间插件daterangepicker 4.0+ 添加清除按钮，input获取焦点不默认当前时间，失去焦点和关闭控件不设置默认时间。轻度改版源码。
Bootstrap-datetimepicker年月日时分秒均可选择，对js文件做小的改动，并且附上Boostrap-datetimepicker的css文件,具体运用可参考我的博客！
bootstap-datetimepicker 设置秒可以选择，支持从页面选择年月日时分秒获取到时分秒，秒可以选择，精确获取时分秒
bootstrap以它优美的外观和丰富的组件，使它成为目前最流行的前端框架。在项目开发中，我们使用它的日期控件确实遇到了一些问题： 1.日期控件后面两个图标点击触发失效 2.双日期关联问题 3.双日期清空时，之前...