效果體驗：http:///keleyi/phtml/yidong/1.htm
請使用支持HTML5的浏覽器查看效果。
以下是代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<title>jQuery手機移動端日期選擇輸入 - </title>
<link href="http:///keleyi/phtml/yidong/1/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http:///keleyi/phtml/yidong/1/date.js" ></script>
<script type="text/javascript" src="http:///keleyi/phtml/yidong/1/iscroll.js" ></script>
<script type="text/javascript">
$(function(){
$('#beginTime').date();
$('#endTime').date({theme:"datetime"});
});
</script>
</head>
<body>
<style type="text/css">
.demo{width:300px;margin:40px auto 0 auto;}
.demo .lie{margin:0 0 20px 0;}
</style>
<h2>jQuery手機移動端日期選擇輸入</h2>
<div class="demo">
<div class="lie">日期設置-1:<input id="beginTime" class="kbtn" /></div>
<div class="lie">日期設置-2:<input id="endTime" class="kbtn" /></div>
</div>
<div id="datePlugin"></div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
點擊文本框，然後在彈出對話框上下拖動個選項進行選擇，然後點擊“確定”按鈕輸入。
<p>來源：<a href="http:///a/bjad/ujr7jlui.htm" target="_blank">原文</a></p>
</div>
</body>
</html>