首页 > 代码库 > bootstrap 时间控件

bootstrap 时间控件

        近期使用了bootstrap的UI感觉确实非常美丽,非常值得学习和使用。

以下先简单了解下bootstrap的时间控件。

  这个时间控件使用起来还是很的简单。仅仅须要引入主要的css和js就能够了

  须要引入的css和js:(文件引入路径依据自己的项目而定)

<link href="http://www.mamicode.com/"
	rel="stylesheet" type="text/css" />
<link href="http://www.mamicode.com/" rel="stylesheet" type="text/css"/>
<script type="text/javascript"
	src="http://www.mamicode.com/"></script>
<script type="text/javascript"
	src="http://www.mamicode.com/"></script>
<script src="http://www.mamicode.com/" type="text/javascript" ></script>
<script src="http://www.mamicode.com/" 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" //选择日期后,不会再跳转去选择时分秒 
			});
以下来看看效果图:

技术分享

   插件下载地址:http://download.csdn.net/detail/javaweiming/8140797

bootstrap 时间控件