datetimepicker是bootstrap中的一款日期和时间选择器，其使用和配置方法较为简单
2、首先需要引入的js和css文件
css：
bootstrap.min.css（含有bootstrap 所有css）
bootstrap-datetimepicker.min.css（日期控件所需的样式表）
js：
jquery-1.11.0.js（其他版本的jquery也可以）
bootstrap.js（含有bootstrap 所有js）
bootstrap-datetimepicker.min.js（日期控件所需的js）
bootstrap-datetimepicker.zh-CN.js（日期控件中文文件）
注意：引入js时，jquery-1.11.0.js必须在bootstrap.js之前。后者依托前者。
下面的是我的目录基本结构和引入
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
3、使用方法
首先在body中写一个简单的输入框
为了好看，我加入了一些样式
<div class='input-group date' id='datetimepicker1' style="left:320px;">
<input type='text' class="form-control" id='daypicker' style="width: 150px; height: 30px;" />
<span class="input-group-addon" style="float: left; width: 50px; height: 30px;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</body>
JavaScript代码
<script>
$(document).ready(function() {
var startdate = new Date("2018-07-21");
$('#daypicker').datetimepicker({
format: 'yyyy-mm-dd',
weekStart: 0,
autoclose: true,
startDate: new Date("2018-07-21"),
startView: 2,
minView: 2,
forceParse: false,
todayBtn: true,
language: 'zh-CN'
});
});
</script>
前端页面显示
4、详细介绍
format: String类型.
p，P，h，hh，i，ii，s，ss，d，dd，m，mm，M，MM，yy，yyyy的任意组合。
weekStart: 整数类型。默认值：0
表示一周从哪一天开始0（星期日）到6（星期六）
autoclose: 表示当选择一个日期之后是否立即关闭此日期时间选择器。
Boolean类型。默认值：false
startDate：开始时间
Date()类型，例如：startDate:newDate("2018-07-21")
打开时间选择器后，时间就会从21号开始
endDate：结束时间
Date()类型
startView:打开时显示的视图。
有两种类型：Number,String.
0-'hour'
1-'day'
2-'month'
3-'year'
4-'decade' 十年
minView:日期时间选择器所能够提供的最精确的时间选择视图。
有两种类型：Number,String.
默认0-'hour'
maxView:日期时间选择器最高能展示的选择范围视图。
默认4-'decade'
todayBtn: Boolean类型
如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
todayHighlight: Boolean类型
默认值: false,如果为true, 高亮当前日期。
initialDate:. 初始化日期
类型：Dateor String
.默认new Date()当前日期
forceParse: 当输入非格式化日期时，强制格式化
默认true
language:语言
'zh-CN'：汉语
