阅读背景:

移动端时间控件

来源:互联网 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
 	 <link rel="stylesheet" type="text/css" href="/go.html?url=./css/mobiscroll.core-2.5.2.css" /> 
	<link rel="stylesheet" type="text/css" href="/go.html?url=./css/mobiscroll.animation-2.5.2.css" />
	<script type="text/javascript" src="./js/jquery.min.js">  </script>
 	<script type="text/javascript" src="./js/mobiscroll.core-2.5.2.js"></script>
	<script type="text/javascript" src="./js/mobiscroll.core-2.5.2-zh.js"></script>
	<script type="text/javascript" src="./js/mobiscroll.datetime-2.5.1.js"></script>
	<script type="text/javascript" src="./js/mobiscroll.datetime-2.5.1-zh.js"></script>
	 <script type="text/javascript">
			        $(function () {
						var currYear = (new Date()).getFullYear();	
						var opt={};
						opt.date = {preset : 'date',maxDate:new Date()};
						//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
						opt.datetime = {preset : 'datetime'};
						opt.time = {preset : 'time'};
						opt.default = {
							theme: 'android-ics light', //皮肤样式
					        display: 'modal', //显示方式 
					        mode: 'scroller', //日期选择模式
							lang:'zh',
					        startYear:currYear - 20, //开始年份
					        endYear:currYear + 20 //结束年份
						};
			
 						$("#appDateTime").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
					  	var optDateTime = $.extend(opt['datetime'], opt['default']);
					  
 			        });
			    </script>
</head>
<body>
     <input id="appDateTime" name="in_date"  />   
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
    <me



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: