bootstrap-datetimepicker日期时间选择器使用文档

时间:2022-09-26 11:18:29
bootstrap-datetimepicker官方文档 点击打开链接
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
</head>

<body>
<div class="container">
<input type="text" value="" id="datetimepicker" data-date-format="yyyy-mm-dd hh:ii">

</div>

<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
language:'zh-CN',//设置语言方式
startDate:"2016-01-14",//设置开始时间
endDate:"2016-08-19",//设置结束时间
autoclose:true,//当选择一个日期之后是否立即关闭此日期时间选择器
startView:2,//日期时间选择器打开之后首先显示的视图
minView:0,//日期时间选择器所能够提供的最精确的时间选择视图。
todayHighlight:true,//如果为true, 高亮当前日期。
minuteStep:30//此数值被当做步进值用于构建小时视图。对于每个 minuteStep 都会生成一组预设时间(分钟)用于选择
});
</script>

</body>
</html>