一.前端插件的使用步骤
1.引入开发包:.js .css
下载开发包到webapp目录下面
把开发包引入到jsp文件中:<link> <script>
<head>
<title>日历测试</title>
<%-- 引入jQuery--%>
<script type="text/javascript" src="/jquery/jquery-1.11.1-min.js"/>
<%-- 引入bootstrap的包:这个框架又基于jquery,所以又要先引入jquery--%>
<link rel="stylesheet" href="/jquery/bootstrap_3.3.0/css/bootstrap-theme.min.css">
<script type="text/javascript" src="/jquery/bootstrap_3.3.0/js/bootstrap.min.js"/>
<%-- 引入BootStrap_datetimepicker插件:基于bootstrap框架,所以要先引入bootstrap框架的包--%>
<link rel="stylesheet" href="/jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="/jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="/jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"/>
</head>
2.提供容器:运行出来的结果显示的地方
常用:<input type="text">如果是很简单的字符串: <div>:如果是很复杂的标签
<body>
<input type="text" id="maDate">
</body>
3.当容器加载完成过后,对容器调用工具函数。
两种方式:
方式一:在<input>标签后面调,但这种方式HTML与js写在一起了不利于代码维护
方式二:function函数在页面加载完过后再执行