1 回答
TA贡献1821条经验 获得超6个赞
BootStrap主要作用于前端美化,它也有自己的一套布局,你在使用的时候只需要将下载的文件包解压,然后添加进项目之后,在用到的html或者jsp中引用他的文件即可,不过必须注意的是,在引入js之前,一定要先把jquery引入进去,因为它依赖于jquery,还有就是,他的文件的顺序最好不要打乱,因为它的内部也有调用自己的文件,如果你把它弄乱了之后,就可能导致它找不到自己的文件,所以,直接引入是最好的方法,先引入CSS文件<link href="> 再引入jquery<script src="">,最后引入Javascript文件<script src="">,例如:
<!DOCTYPE HTML>
<html>
<head>
<link href="bootstrap-datetimepicker-master/sample in bootstrap v2/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div class="input-append date form_date" data-date-format="-mm-dd">
<input size="16" type="text" value="" readonly>
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
<div class="input-append date" id="datetimepicker" data-date-format="-mm-dd">
<input class="span2" size="16" type="text">
<span class="add-on"><i class="icon-th"></i></span>
</div>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/sample in bootstrap v2/jquery/jquery-1.8.3.min.js">
</script>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/bootstrap/js/bootstrap.min.js">
</script>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js">
</script>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8">
</script>
<script type="text/javascript">
$('.form_date').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
</script>
</body>
<html>
- 1 回答
- 0 关注
- 997 浏览
添加回答
举报