_bootstrap 日期插件 datetimepicker 的使用_
Bootstrap 是一个基于 HTML、CSS 和 JavaScript 的前端框架，用于快速开发响应式界面和移动设备优先的 Web 应用程序。其中，datetimepicker 是一个非常实用的插件，用于实现日期和时间的选择。下面将详细介绍 datetimepicker 的使用。
准备工作
在使用 datetimepicker 之前，我们需要下载必要的文件。我们需要下载 jQuery 的最新版本，可以从官方网站（http://jquery.com/download/）下载。然后，我们需要下载 Bootstrap 的最新版本，可以从官方网站（http://v3.bootcss.com/getting-started/#download）下载。我们需要下载 datetimepicker 的插件，可以从 GitHub（http://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js）下载。
日期插件的使用
datetimepicker 的使用非常简单。我们需要在 HTML 文件中引入必要的 CSS 和 JavaScript 文件。然后，我们需要创建一个 div 元素，用于绑定 datetimepicker 插件。在 JavaScript 文件中，我们可以使用 jQuery 选择器来选择该 div 元素，并调用 datetimepicker 方法。
以下是一个简单的示例：
```html
<!DOCTYPE HTML>
<html>
<head>
<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">
</head>
<body>
<div id="datetimepicker" class="input-append date">
<input type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datetimepicker.min.js"></script>
<script src="js/bootstrap-datepicker.zh-CN.js"></script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
format: 'yyyy-MM-dd',
language: 'zh-CN',
pickTime: false
}).on('changeDate', function(){
$(this).datetimepicker('hide');
});
</script>
</body>
```
在上面的示例中，我们首先引入了必要的 CSS 和 JavaScript 文件。然后，我们创建了一个 div 元素，并使用 jQuery 选择器来选择该元素。我们调用 datetimepicker 方法，并传入配置参数。这里，我们设置了日期格式为 `yyyy-MM-dd`，语言为中文，并且禁用了时间选择。
效果
datetimepicker 插件可以实现日期和时间的选择，并且可以根据需要设置日期格式和语言。例如，在上面的示例中，我们设置了日期格式为 `yyyy-MM-dd`，并且禁用了时间选择。这样，当我们点击 datetimepicker 插件时，将显示一个日期选择框，我们可以选择需要的日期。
datetimepicker 插件是一个非常实用的插件，用于实现日期和时间的选择。通过下载必要的文件和配置参数，我们可以轻松地使用 datetimepicker 插件来实现日期和时间的选择。
Naruto42018-03-23浪费我积分
