jquery官方文档下载bootstrap-datetimepicker⽇期时间选择器使⽤⽂档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>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。