<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<!-- 开始设置桌面图标，自适应屏幕 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/icon-144.png">
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/icon-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<!-- 结束设置桌面图标，自适应屏幕 -->
<!-- jqueryMobile的css文件 -->
<link rel="stylesheet" href="css/jqueryMobile.css">
<!-- 加载jquery文件 -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- 加载jqueryMobile文件 -->
<script type="text/javascript" src="js/jqueryMobile.js"></script>
<!--mobiscroll日期插件-->
<link href="css/mobiscroll.css" rel="stylesheet" type="text/css" />
<script src="js/mobiscroll.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
<head runat="server">
<meta charset="utf-8" />
<!-- 开始设置桌面图标，自适应屏幕 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/icon-144.png">
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/icon-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<!-- 结束设置桌面图标，自适应屏幕 -->
<!-- jqueryMobile的css文件 -->
<link rel="stylesheet" href="css/jqueryMobile.css">
<!-- 加载jquery文件 -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- 加载jqueryMobile文件 -->
<script type="text/javascript" src="js/jqueryMobile.js"></script>
<!--mobiscroll日期插件-->
<link href="css/mobiscroll.css" rel="stylesheet" type="text/css" />
<script src="js/mobiscroll.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#demo1').mobiscroll().time({
theme: 'ios',
display: 'bottom',
headerText: false,
maxWidth: 90
});
var now = new Date(),
max = new Date(now.getFullYear() + 100, now.getMonth(), now.getDate());
theme: 'ios',
display: 'bottom',
headerText: false,
maxWidth: 90
});
var now = new Date(),
max = new Date(now.getFullYear() + 100, now.getMonth(), now.getDate());
$('#demo2').mobiscroll().date({
theme: 'ios',
display: 'bottom',
max: max
});
});
theme: 'ios',
display: 'bottom',
max: max
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div data-role="page" id="pageone">
<div data-role="header" data-position="fixed" data-theme="b">
<h1>系统登录界面</h1>
</div>
<div data-role="content">
<input id="demo1" placeholder="Please Select..." />
<input id="demo2" placeholder="Please Select..." />
</div>
</div>
</form>
</body>
</html>
扫一扫
9039
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
