jquery实现手机端滑动选择日期控件

最新推荐文章于 2024-10-13 13:59:32 发布

QF_

最新推荐文章于 2024-10-13 13:59:32 发布

阅读量1.3w

点赞数

分类专栏：网页开发

本文链接：https://blog.csdn.net/qf0129/article/details/53930983

版权

网页开发专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最近在做手机端网页，需要选择日期控件，找到几个使用iscroll或者mobiscroll实现的日期插件，但是文件都太大，所以自己用jquery实现一个，基本可用，只有单个js文件，仅９kb

使用示例：

<!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>