近期使用了bootstrap的UI感觉确实非常美丽，非常值得学习和使用。
以下先简单了解下bootstrap的时间控件。
这个时间控件使用起来还是很的简单。仅仅须要引入主要的css和js就能够了
须要引入的css和js：（文件引入路径依据自己的项目而定）
<link href="<c:url value='/plugins/bootstrap-datetimepicker/css/datetimepicker.css'/>" rel="stylesheet" type="text/css" /> <link href="<c:url value='/plugins/bootstrap/css/bootstrap.min.css'/>" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="<c:url value='/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js'/>"></script> <script type="text/javascript" src="<c:url value='/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.fr.js'/>"></script> <script src="<c:url value='/plugins/bootstrap/js/bootstrap.min.js'/>" type="text/javascript" ></script> <script src="<c:url value='/plugins/jquery-1.10.2.min.js'/>" type="text/javascript"></script>
控件和js的调用：
<input id="startDate" size="16" type="text" >
$('#startDate').datetimepicker({
format : 'yyyy-mm-dd',
weekStart : 1,
todayBtn : 1,
autoclose : 1,
todayHighlight : 1,
startView : 2,
forceParse : 0,
showMeridian : 1,
language: 'zh-CN',//汉化
minView: "month" //选择日期后，不会再跳转去选择时分秒
});以下来看看效果图：
