1.先引入相关的css和js
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="javascript/bootstrap/css/bootstrap-datetimepicker.min.css">
<script src="javascript/layui/jquery-1.11.1.js" type="text/javascript"></script>
<script src="javascript/bootstrap/js/bootstrap.min.js"></script>
<script src="javascript/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
<script src="javascript/bootstrap/js/bootstrap-datepicker.zh-CN.min.js"></script>(注意相关的顺序,顺序不对效果出不来)
2.准备一个input输入框
<input type="text" id="startTime" class="layui-input"/>
3.初始化先加载方法
$(function(){
initTime();
});
function initTime(){
$("#startTime").datetimepicker({
language : 'zh-CN',
format : 'yyyy-mm-dd hh:ii:ss',
weekStart : 1,
autoclose : 1,
forceParse : 0
});
}
效果为