jquery實現手機端滑動選擇日期控制元件
阿新 • • 發佈:2019-01-11
最近在做手機端網頁,需要選擇日期控制元件,找到幾個使用iscroll或者mobiscroll實現的日期外掛,但是檔案都太大,所以自己用jquery實現一個,基本可用,只有單個js檔案,僅9kb
使用示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" >
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
</head>
<body>
<div>
<input class="qfdate" type="text" name="aaaa" value="select date">
<br><br>
<button class="qfdate">select</button >
<br><br>
<a class="qfdate">select</a>
<script type="text/javascript" src="qfdate.js"></script>
</body>
</html>