mobiscroll 插件札记（一）

最新推荐文章于 2018-09-12 15:14:57 发布

源哥说

最新推荐文章于 2018-09-12 15:14:57 发布

阅读量2.9k

点赞数

本文链接：https://blog.csdn.net/yzyssg1/article/details/73130390

版权

本文记录了在移动页面中使用Mobiscroll插件作为弹出日期控件的体验，作者分享了在免费资源中找到该插件的原因，以及在使用过程中对API的个人总结，供学习参考。

摘要由CSDN通过智能技术生成

mobiscroll 插件笔记（一）

文章参照 http://www.cnblogs.com/headwolf/archive/2013/12/23/3487207.html

最近切一个移动页面，需要使用弹出日期控件，在网上搜了很多控件，觉得mobiscroll这个插件的效果是最好的，但问题是该控件是收费的，并且API没有统一给出，我自己总结了一下，仅供学习

例子：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="../js/jquery.min.js"></script>
<title>mobiscroll 日期控件例子</title>
<script type="text/javascript">
$(document).ready(function(){

    function init() {
        $('#demo_date').mobiscroll().date({
            theme: 'ios',
/*
 scroller —— 以wheel滑动方式选择
 clickpick —— 显示 - + 按钮选择
 mixed —— 兼容以上两种方式
* */
            mode: 'scroller',
/*
 modal —— 显示在中间
 inline —— 直接显示在页面中
 bubble —— 类似于tip弹出显示
 top —— 显示在顶部
 bottom —— 显示在底部
*/
            display: 'bottom',
            //设置按钮显示的样式