移动端日历弹层滚轮选择插件 v1.1.1

安装：npm install TopuNet-CalendarScroller

文件结构：

    1. widget/lib/*.js 放入项目文件夹jq（原生规范）或widget/lib（AMD规范）中

页面引用：

原生引用

    1. 页面底端引用 最新版 Jquery.min.js#1.x.x 或 zepto.min.js
    2. 后引用 /jq/jroll.min.js
    3. 后引用 /jq/CalendarScroller.js

requireJS引用

    依赖CalendarScroller.js，成功后返回对象CalendarScroller
    默认依赖zepto，/dist/CalendarScroller.js最下面的define可以改为jquery.min.js#1.x.x

功能配置及启用：

1. 显示弹层：

    var opt = {
        data: {
            year: [2016, 2017, 2018, 2019, 2020, 2021, 2022], // 年列表，数组。无默认值
            month: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], // 月列表，数组。默认[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
            day: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31], // 日列表，数组。默认[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31]
            default_year: 2018, // 初始年，默认今年
            default_month: 3, // 初始月，默认今月
            default_day: 15 // 初始日，默认今日
        },
        // 点击确定的回调。
        /*
            result = {
                title: "2018-01-12",
                year: 2018,
                month: 1,
                day: 12
            }
        */
        callback_confirm: function(result) {
            console.dir(result);
            CalendarScroller.close();
   
            // Do Sth.
        },
        // 点击取消的回调。
        callback_cancel: function() {
            CalendarScroller.close();
        }
    };
   
    CalendarScroller.show(opt);
   

2. 关闭弹层，自动调用resetAll()重置jroll对象：

    CalendarScroller.close();
   

3. 重置日历：

    CalendarScroller.resetAll();
   

更新日志：

v1.1.1

    1. 确定和取消的回调不再自动调用resetAll()，在close()中自动调用resetAll()。

v1.0.5

    1. 修改了弹层后没有很好的屏蔽document.on("touchmove")的bug
    2. 修改了按钮样式——调换“确定”和“取消”，将“取消”调灰

v1.0.4

    修改bug：根据Paras获得初始日期标题串不对

v1.0.3

    修改bug：ios下，弹层后不能阻止窗口背景层的滚动

v1.0.2

    修改bug：当默认的年/月/日不存在于列表中时，默认为第1行数据

v1.0.1

    制作、发布