引入css:
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
引入js:
<script type="text/javascript" src="js/lib/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="js/lib/locales/bootstrap-datetimepicker.zh-CN.js"></script>
代码:
<div class="form-group">
<label for="costInput">发生日期</label>
<div class="form-group">
<div class='input-group date' id='datetimepicker'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
初始化JS:
$(document).ready(function() {
$("#datetimepicker").datetimepicker({
format: "yyyy-mm-dd",
autoclose: true,
todayBtn: true,
startDate: "2013-02-14 10:00",
minuteStep: 10,
minView: "month",
language: 'zh-CN'
});
</script>