bootstrap 之 时间插件(八)

原创 赤水  2016年1月5日 13:34 阅读 352 次

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="/code/css/bootstrap.css">	
	<script type="text/javascript" src="code/js/jquery.min.js"></script>
	<script type="text/javascript" src="code/js/bootstrap.min.js"></script>	
	<script type="text/javascript" src="https://res.lssin.com/js/jquery-1.8.3.min.js"></script>	
	<link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">	
	<script type="text/javascript" src="bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
	<script type="text/javascript" src="bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.fr.js"></script>
	<script type="text/javascript" src="bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.fr.js"></script>
	
</head>
<body>
<!-- git clone git://github.com/smalot/bootstrap-datetimepicker.git -->
	<div class="input-prepend input-group"> 
		<span class="add-on input-group-addon"> <i class="glyphicon glyphicon-calendar fa fa-calendar"> </i> </span>
		<input class="form-control" style="width: 200px"   size="16" type="text" value="" readonly  id="datetimepicker">
			   
	</div>
 
<script type="text/javascript">
    $("#datetimepicker").datetimepicker({
        format: "yyyy-mm-dd",	
        startDate: "2016-1-3",
        endDate:'2016-01-08',
        autoclose: true,
        todayBtn:true,
        todayHighlight:true,
        minView :2
    }); 
</script>     
</body>
</html>

 

 

    

文档:http://www.bootcss.com/p/bootstrap-datetimepicker/

 

 

 

本文地址: https://blog.lssin.com/readblog/52.html
版权声明:本文为原创文章,版权归  赤水 所有,欢迎分享本文,转载请保留出处!

发表评论


表情