引入js
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript" /></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" /></script><div class="form-group row">
<div class="left col-xs-3 text-right">
<label for="">*时间:</label>
</div>
<div class="right col-xs-6 text-left">
<div class="input-group">
<input type="text" class="form-control form_datetime" id="time" name="time" placeholder="">
<span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
</div>
</div>
</div>
<script>
$('.form_datetime').datetimepicker({
/* minView: "month", *///选择日期后，不会再跳转去选择时分秒
language: 'zh-CN',
dateFormat: 'yyyy-mm-dd',//日期显示格式
timeFormat:'HH:mm:ss',//时间显示格式
todayBtn: 1,
autoclose: 1,
minView:0, //0表示可以选择小时、分钟 1只可以选择小时
minuteStep:1,//分钟间隔1分钟
});
</script>format
String. 默认值: 'mm/dd/yyyy'
日期格式， p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy 的任意组合。
这个是扯淡的，就是个意思，你可以自己设计样式，但是里面的字母都代表不同属性：
minView — 最精确的时间
Number, String类型
默认值：0, ‘hour’
日期时间选择器所能够提供的最精确的时间选择视图。
可接受的值：
startDate — 开始时间
Date类型
默认值：开始时间
之前的日期都不能选择，这个时间之后的时间才能选择。
咱们做一个常用的Demo，就是只能选现在之后的时间：
例如：
var date = new Date();
$("#demo").datetimepicker({
startDate: date
});endDate— 结束时间
Date类型
默认值：结束时间
这个时间后面的不能再选择。
用法同上，不再赘述。
daysOfWeekDisabled — 一周的周几不能选
String, Array类型
默认值：”, []
0（星期日）到6（星期六）
可以有多个。
例如：
$("#demo").datetimepicker({
daysOfWeekDisabled: [0,4,6]
});autoclose — 选完时间后是否自动关闭
Boolean类型
默认值：false
当选择一个日期之后是否立即关闭此日期时间选择器。
minView — 最精确的时间
Number, String类型
默认值：0, ‘hour’
日期时间选择器所能够提供的最精确的时间选择视图。
可接受的值：
例如：
$("#demo").datetimepicker({
minView : 2
});maxView — 最高能展示的时间
Number, String类型
默认值：4, ‘decade’
日期时间选择器最高能展示的选择范围视图。
todayBtn — 当天日期按钮
Boolean, “linked”类型
默认值：false’
如果此值为true 或 “linked”，则在日期时间选择器组件的底部显示一个 “Today” 按钮用以选择当前日期。如果是true的话，”Today” 按钮仅仅将视图转到当天的日期，如果是”linked”，当天日期将会被选中。
例如：
$("#demo").datetimepicker({
todayBtn : true
});initialDate — 初始化日期时间
todayHighlight — 当天日期高亮
Boolean类型
默认值：false
如果为true, 高亮当前日期。
不再举例。
keyboardNavigation — 方向键改变日期
Boolean类型
默认值：false
是否允许通过方向键改变日期。
不再举例。
language — 语言
String类型
默认值：’en’
中文：’zh-CN’ (设置中文的时候要引用到中文的js)
forceParse — 强制解析
Boolean类型
默认值：true
就是你输入的可能不正规，但是它胡强制尽量解析成你规定的格式（format）
minuteStep — 步进值
Number类型
默认值：5
此数值被当做步进值用于构建小时视图。就是最小的视图是每5分钟可选一次。是以分钟为单位的。
pickerPosition — 选择框位置
String类型
默认值：’bottom-right’
还支持 : ‘bottom-left’，’top-right’，’top-left’
可以试试看，他拿出位置会发生变化。
showMeridian — 是否显示上下午
Boolean类型
默认值：false