Bootstrap之日期选择器 datetimepicker简单使用

bootstrap中使用时间选择器

1.引入css和js，相应的文件需要自己下载

<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css">
<script src="js/bootstrap-datetimepicker.min.js"></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js"></script>

2.编辑html页面

<!--指定 date标记-->
<div class='input-group date' id='datetimepicker1'>
      <input type='text' class="form-control" />
      <span class="input-group-addon">
           <span class="glyphicon glyphicon-calendar"></span>
      </span>
</div>

3.使用jquery来初始化

$("#datetimepicker1").datetimepicker({
  	format: 'yyyy-mm-dd',//格式
  	minView:'month',//最小显示的控件
  	language: 'zh-CN',//显示的语言
  	autoclose:true//自动关闭
})