mm_os 1.3.4 → 1.3.6

package/bin/static/js/mm_picker.js

@@ -1,1417 +0,0 @@
-
-/*======================================================
-************   Calendar   ************
-======================================================*/
-/*jshint unused: false*/
-+function ($) {
-    "use strict";
-    var rtl = false;
-    var Calendar = function (params) {
-        var p = this;
-        var defaults = {
-            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月' , '九月' , '十月', '十一月', '十二月'],
-            monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月' , '九月' , '十月', '十一月', '十二月'],
-            dayNames: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
-            dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
-            firstDay: 1, // First day of the week, Monday
-            weekendDays: [0, 6], // Sunday and Saturday
-            multiple: false,
-            dateFormat: 'yyyy-mm-dd',
-            direction: 'horizontal', // or 'vertical'
-            minDate: null,
-            maxDate: null,
-            touchMove: true,
-            animate: true,
-            closeOnSelect: true,
-            monthPicker: true,
-            monthPickerTemplate:
-                '<div class="picker-calendar-month-picker">' +
-                '<a href="#" class="link icon-only picker-calendar-prev-month"><i class="icon icon-prev"></i></a>' +
-                '<div class="current-month-value"></div>' +
-                '<a href="#" class="link icon-only picker-calendar-next-month"><i class="icon icon-next"></i></a>' +
-                '</div>',
-            yearPicker: true,
-            yearPickerTemplate:
-                '<div class="picker-calendar-year-picker">' +
-                '<a href="#" class="link icon-only picker-calendar-prev-year"><i class="icon icon-prev"></i></a>' +
-                '<span class="current-year-value"></span>' +
-                '<a href="#" class="link icon-only picker-calendar-next-year"><i class="icon icon-next"></i></a>' +
-                '</div>',
-            weekHeader: true,
-            // Common settings
-            scrollToInput: true,
-            inputReadOnly: true,
-            toolbar: true,
-            toolbarCloseText: 'Done',
-            toolbarTemplate:
-                '<div class="toolbar">' +
-                '<div class="toolbar-inner">' +
-                '{{monthPicker}}' +
-                '{{yearPicker}}' +
-                // '<a href="#" class="link close-picker">{{closeText}}</a>' +
-                '</div>' +
-                '</div>',
-            /* Callbacks
-               onMonthAdd
-               onChange
-               onOpen
-               onClose
-               onDayClick
-               onMonthYearChangeStart
-               onMonthYearChangeEnd
-               */
-        };
-        params = params || {};
-        for (var def in defaults) {
-            if (typeof params[def] === 'undefined') {
-                params[def] = defaults[def];
-            }
-        }
-        p.params = params;
-        p.initialized = false;
-
-        // Inline flag
-        p.inline = p.params.container ? true : false;
-
-        // Is horizontal
-        p.isH = p.params.direction === 'horizontal';
-
-        // RTL inverter
-        var inverter = p.isH ? (rtl ? -1 : 1) : 1;
-
-        // Animating flag
-        p.animating = false;
-
-        // Format date
-        function formatDate(date) {
-            date = new Date(date);
-            var year = date.getFullYear();
-            var month = date.getMonth();
-            var month1 = month + 1;
-            var day = date.getDate();
-            var weekDay = date.getDay();
-            return p.params.dateFormat
-                .replace(/yyyy/g, year)
-                .replace(/yy/g, (year + '').substring(2))
-                .replace(/mm/g, month1 < 10 ? '0' + month1 : month1)
-                .replace(/m/g, month1)
-                .replace(/MM/g, p.params.monthNames[month])
-                .replace(/M/g, p.params.monthNamesShort[month])
-                .replace(/dd/g, day < 10 ? '0' + day : day)
-                .replace(/d/g, day)
-                .replace(/DD/g, p.params.dayNames[weekDay])
-                .replace(/D/g, p.params.dayNamesShort[weekDay]);
-        }
-
-
-        // Value
-        p.addValue = function (value) {
-            if (p.params.multiple) {
-                if (!p.value) p.value = [];
-                var inValuesIndex;
-                for (var i = 0; i < p.value.length; i++) {
-                    if (new Date(value).getTime() === new Date(p.value[i]).getTime()) {
-                        inValuesIndex = i;
-                    }
-                }
-                if (typeof inValuesIndex === 'undefined') {
-                    p.value.push(value);
-                }
-                else {
-                    p.value.splice(inValuesIndex, 1);
-                }
-                p.updateValue();
-            }
-            else {
-                p.value = [value];
-                p.updateValue();
-            }
-        };
-        p.setValue = function (arrValues) {
-            p.value = arrValues;
-            p.updateValue();
-        };
-        p.updateValue = function () {
-            p.wrapper.find('.picker-calendar-day-selected').removeClass('picker-calendar-day-selected');
-            var i, inputValue;
-            for (i = 0; i < p.value.length; i++) {
-                var valueDate = new Date(p.value[i]);
-                p.wrapper.find('.picker-calendar-day[data-date="' + valueDate.getFullYear() + '-' + valueDate.getMonth() + '-' + valueDate.getDate() + '"]').addClass('picker-calendar-day-selected');
-            }
-            if (p.params.onChange) {
-                p.params.onChange(p, p.value, p.value.map(formatDate));
-            }
-            if (p.input && p.input.length > 0) {
-                if (p.params.formatValue) inputValue = p.params.formatValue(p, p.value);
-                else {
-                    inputValue = [];
-                    for (i = 0; i < p.value.length; i++) {
-                        inputValue.push(formatDate(p.value[i]));
-                    }
-                    inputValue = inputValue.join(', ');
-                }
-                $(p.input).val(inputValue);
-                $(p.input).trigger('change');
-            }
-        };
-
-        // Columns Handlers
-        p.initCalendarEvents = function () {
-            var col;
-            var allowItemClick = true;
-            var isTouched, isMoved, touchStartX, touchStartY, touchCurrentX, touchCurrentY, touchStartTime, touchEndTime, startTranslate, currentTranslate, wrapperWidth, wrapperHeight, percentage, touchesDiff, isScrolling;
-            function handleTouchStart (e) {
-                if (isMoved || isTouched) return;
-                // e.preventDefault();
-                isTouched = true;
-                touchStartX = touchCurrentY = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
-                touchStartY = touchCurrentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
-                touchStartTime = (new Date()).getTime();
-                percentage = 0;
-                allowItemClick = true;
-                isScrolling = undefined;
-                startTranslate = currentTranslate = p.monthsTranslate;
-            }
-            function handleTouchMove (e) {
-                if (!isTouched) return;
-
-                touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
-                touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-                if (typeof isScrolling === 'undefined') {
-                    isScrolling = !!(isScrolling || Math.abs(touchCurrentY - touchStartY) > Math.abs(touchCurrentX - touchStartX));
-                }
-                if (p.isH && isScrolling) {
-                    isTouched = false;
-                    return;
-                }
-                e.preventDefault();
-                if (p.animating) {
-                    isTouched = false;
-                    return;
-                }
-                allowItemClick = false;
-                if (!isMoved) {
-                    // First move
-                    isMoved = true;
-                    wrapperWidth = p.wrapper[0].offsetWidth;
-                    wrapperHeight = p.wrapper[0].offsetHeight;
-                    p.wrapper.transition(0);
-                }
-                e.preventDefault();
-
-                touchesDiff = p.isH ? touchCurrentX - touchStartX : touchCurrentY - touchStartY;
-                percentage = touchesDiff/(p.isH ? wrapperWidth : wrapperHeight);
-                currentTranslate = (p.monthsTranslate * inverter + percentage) * 100;
-
-                // Transform wrapper
-                p.wrapper.transform('translate3d(' + (p.isH ? currentTranslate : 0) + '%, ' + (p.isH ? 0 : currentTranslate) + '%, 0)');
-
-            }
-            function handleTouchEnd (e) {
-                if (!isTouched || !isMoved) {
-                    isTouched = isMoved = false;
-                    return;
-                }
-                isTouched = isMoved = false;
-
-                touchEndTime = new Date().getTime();
-                if (touchEndTime - touchStartTime < 300) {
-                    if (Math.abs(touchesDiff) < 10) {
-                        p.resetMonth();
-                    }
-                    else if (touchesDiff >= 10) {
-                        if (rtl) p.nextMonth();
-                        else p.prevMonth();
-                    }
-                    else {
-                        if (rtl) p.prevMonth();
-                        else p.nextMonth();
-                    }
-                }
-                else {
-                    if (percentage <= -0.5) {
-                        if (rtl) p.prevMonth();
-                        else p.nextMonth();
-                    }
-                    else if (percentage >= 0.5) {
-                        if (rtl) p.nextMonth();
-                        else p.prevMonth();
-                    }
-                    else {
-                        p.resetMonth();
-                    }
-                }
-
-                // Allow click
-                setTimeout(function () {
-                    allowItemClick = true;
-                }, 100);
-            }
-
-            function handleDayClick(e) {
-                if (!allowItemClick) return;
-                var day = $(e.target).parents('.picker-calendar-day');
-                if (day.length === 0 && $(e.target).hasClass('picker-calendar-day')) {
-                    day = $(e.target);
-                }
-                if (day.length === 0) return;
-                if (day.hasClass('picker-calendar-day-selected') && !p.params.multiple) return;
-                if (day.hasClass('picker-calendar-day-disabled')) return;
-                if (day.hasClass('picker-calendar-day-next')) p.nextMonth();
-                if (day.hasClass('picker-calendar-day-prev')) p.prevMonth();
-                var dateYear = day.attr('data-year');
-                var dateMonth = day.attr('data-month');
-                var dateDay = day.attr('data-day');
-                if (p.params.onDayClick) {
-                    p.params.onDayClick(p, day[0], dateYear, dateMonth, dateDay);
-                }
-                p.addValue(new Date(dateYear, dateMonth, dateDay).getTime());
-                if (p.params.closeOnSelect) p.close();
-            }
-
-            p.container.find('.picker-calendar-prev-month').on('click', p.prevMonth);
-            p.container.find('.picker-calendar-next-month').on('click', p.nextMonth);
-            p.container.find('.picker-calendar-prev-year').on('click', p.prevYear);
-            p.container.find('.picker-calendar-next-year').on('click', p.nextYear);
-            p.wrapper.on('click', handleDayClick);
-            if (p.params.touchMove) {
-                p.wrapper.on($.touchEvents.start, handleTouchStart);
-                p.wrapper.on($.touchEvents.move, handleTouchMove);
-                p.wrapper.on($.touchEvents.end, handleTouchEnd);
-            }
-
-            p.container[0].f7DestroyCalendarEvents = function () {
-                p.container.find('.picker-calendar-prev-month').off('click', p.prevMonth);
-                p.container.find('.picker-calendar-next-month').off('click', p.nextMonth);
-                p.container.find('.picker-calendar-prev-year').off('click', p.prevYear);
-                p.container.find('.picker-calendar-next-year').off('click', p.nextYear);
-                p.wrapper.off('click', handleDayClick);
-                if (p.params.touchMove) {
-                    p.wrapper.off($.touchEvents.start, handleTouchStart);
-                    p.wrapper.off($.touchEvents.move, handleTouchMove);
-                    p.wrapper.off($.touchEvents.end, handleTouchEnd);
-                }
-            };
-
-
-        };
-        p.destroyCalendarEvents = function (colContainer) {
-            if ('f7DestroyCalendarEvents' in p.container[0]) p.container[0].f7DestroyCalendarEvents();
-        };
-
-        // Calendar Methods
-        p.daysInMonth = function (date) {
-            var d = new Date(date);
-            return new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
-        };
-        p.monthHTML = function (date, offset) {
-            date = new Date(date);
-            var year = date.getFullYear(),
-                month = date.getMonth(),
-                day = date.getDate();
-            if (offset === 'next') {
-                if (month === 11) date = new Date(year + 1, 0);
-                else date = new Date(year, month + 1, 1);
-            }
-            if (offset === 'prev') {
-                if (month === 0) date = new Date(year - 1, 11);
-                else date = new Date(year, month - 1, 1);
-            }
-            if (offset === 'next' || offset === 'prev') {
-                month = date.getMonth();
-                year = date.getFullYear();
-            }
-            var daysInPrevMonth = p.daysInMonth(new Date(date.getFullYear(), date.getMonth()).getTime() - 10 * 24 * 60 * 60 * 1000),
-                daysInMonth = p.daysInMonth(date),
-                firstDayOfMonthIndex = new Date(date.getFullYear(), date.getMonth()).getDay();
-            if (firstDayOfMonthIndex === 0) firstDayOfMonthIndex = 7;
-
-            var dayDate, currentValues = [], i, j,
-                rows = 6, cols = 7,
-                monthHTML = '',
-                dayIndex = 0 + (p.params.firstDay - 1),
-                today = new Date().setHours(0,0,0,0),
-                minDate = p.params.minDate ? new Date(p.params.minDate).getTime() : null,
-                maxDate = p.params.maxDate ? new Date(p.params.maxDate).getTime() : null;
-
-            if (p.value && p.value.length) {
-                for (i = 0; i < p.value.length; i++) {
-                    currentValues.push(new Date(p.value[i]).setHours(0,0,0,0));
-                }
-            }
-
-            for (i = 1; i <= rows; i++) {
-                var rowHTML = '';
-                var row = i;
-                for (j = 1; j <= cols; j++) {
-                    var col = j;
-                    dayIndex ++;
-                    var dayNumber = dayIndex - firstDayOfMonthIndex;
-                    var addClass = '';
-                    if (dayNumber < 0) {
-                        dayNumber = daysInPrevMonth + dayNumber + 1;
-                        addClass += ' picker-calendar-day-prev';
-                        dayDate = new Date(month - 1 < 0 ? year - 1 : year, month - 1 < 0 ? 11 : month - 1, dayNumber).getTime();
-                    }
-                    else {
-                        dayNumber = dayNumber + 1;
-                        if (dayNumber > daysInMonth) {
-                            dayNumber = dayNumber - daysInMonth;
-                            addClass += ' picker-calendar-day-next';
-                            dayDate = new Date(month + 1 > 11 ? year + 1 : year, month + 1 > 11 ? 0 : month + 1, dayNumber).getTime();
-                        }
-                        else {
-                            dayDate = new Date(year, month, dayNumber).getTime();
-                        }
-                    }
-                    // Today
-                    if (dayDate === today) addClass += ' picker-calendar-day-today';
-                    // Selected
-                    if (currentValues.indexOf(dayDate) >= 0) addClass += ' picker-calendar-day-selected';
-                    // Weekend
-                    if (p.params.weekendDays.indexOf(col - 1) >= 0) {
-                        addClass += ' picker-calendar-day-weekend';
-                    }
-                    // Disabled
-                    if ((minDate && dayDate < minDate) || (maxDate && dayDate > maxDate)) {
-                        addClass += ' picker-calendar-day-disabled';
-                    }
-
-                    dayDate = new Date(dayDate);
-                    var dayYear = dayDate.getFullYear();
-                    var dayMonth = dayDate.getMonth();
-                    rowHTML += '<div data-year="' + dayYear + '" data-month="' + dayMonth + '" data-day="' + dayNumber + '" class="picker-calendar-day' + (addClass) + '" data-date="' + (dayYear + '-' + dayMonth + '-' + dayNumber) + '"><span>'+dayNumber+'</span></div>';
-                }
-                monthHTML += '<div class="picker-calendar-row">' + rowHTML + '</div>';
-            }
-            monthHTML = '<div class="picker-calendar-month" data-year="' + year + '" data-month="' + month + '">' + monthHTML + '</div>';
-            return monthHTML;
-        };
-        p.animating = false;
-        p.updateCurrentMonthYear = function (dir) {
-            if (typeof dir === 'undefined') {
-                p.currentMonth = parseInt(p.months.eq(1).attr('data-month'), 10);
-                p.currentYear = parseInt(p.months.eq(1).attr('data-year'), 10);
-            }
-            else {
-                p.currentMonth = parseInt(p.months.eq(dir === 'next' ? (p.months.length - 1) : 0).attr('data-month'), 10);
-                p.currentYear = parseInt(p.months.eq(dir === 'next' ? (p.months.length - 1) : 0).attr('data-year'), 10);
-            }
-            p.container.find('.current-month-value').text(p.params.monthNames[p.currentMonth]);
-            p.container.find('.current-year-value').text(p.currentYear);
-
-        };
-        p.onMonthChangeStart = function (dir) {
-            p.updateCurrentMonthYear(dir);
-            p.months.removeClass('picker-calendar-month-current picker-calendar-month-prev picker-calendar-month-next');
-            var currentIndex = dir === 'next' ? p.months.length - 1 : 0;
-
-            p.months.eq(currentIndex).addClass('picker-calendar-month-current');
-            p.months.eq(dir === 'next' ? currentIndex - 1 : currentIndex + 1).addClass(dir === 'next' ? 'picker-calendar-month-prev' : 'picker-calendar-month-next');
-
-            if (p.params.onMonthYearChangeStart) {
-                p.params.onMonthYearChangeStart(p, p.currentYear, p.currentMonth);
-            }
-        };
-        p.onMonthChangeEnd = function (dir, rebuildBoth) {
-            p.animating = false;
-            var nextMonthHTML, prevMonthHTML, newMonthHTML;
-            p.wrapper.find('.picker-calendar-month:not(.picker-calendar-month-prev):not(.picker-calendar-month-current):not(.picker-calendar-month-next)').remove();
-
-            if (typeof dir === 'undefined') {
-                dir = 'next';
-                rebuildBoth = true;
-            }
-            if (!rebuildBoth) {
-                newMonthHTML = p.monthHTML(new Date(p.currentYear, p.currentMonth), dir);
-            }
-            else {
-                p.wrapper.find('.picker-calendar-month-next, .picker-calendar-month-prev').remove();
-                prevMonthHTML = p.monthHTML(new Date(p.currentYear, p.currentMonth), 'prev');
-                nextMonthHTML = p.monthHTML(new Date(p.currentYear, p.currentMonth), 'next');
-            }
-            if (dir === 'next' || rebuildBoth) {
-                p.wrapper.append(newMonthHTML || nextMonthHTML);
-            }
-            if (dir === 'prev' || rebuildBoth) {
-                p.wrapper.prepend(newMonthHTML || prevMonthHTML);
-            }
-            p.months = p.wrapper.find('.picker-calendar-month');
-            p.setMonthsTranslate(p.monthsTranslate);
-            if (p.params.onMonthAdd) {
-                p.params.onMonthAdd(p, dir === 'next' ? p.months.eq(p.months.length - 1)[0] : p.months.eq(0)[0]);
-            }
-            if (p.params.onMonthYearChangeEnd) {
-                p.params.onMonthYearChangeEnd(p, p.currentYear, p.currentMonth);
-            }
-        };
-        p.setMonthsTranslate = function (translate) {
-            translate = translate || p.monthsTranslate || 0;
-            if (typeof p.monthsTranslate === 'undefined') p.monthsTranslate = translate;
-            p.months.removeClass('picker-calendar-month-current picker-calendar-month-prev picker-calendar-month-next');
-            var prevMonthTranslate = -(translate + 1) * 100 * inverter;
-            var currentMonthTranslate = -translate * 100 * inverter;
-            var nextMonthTranslate = -(translate - 1) * 100 * inverter;
-            p.months.eq(0).transform('translate3d(' + (p.isH ? prevMonthTranslate : 0) + '%, ' + (p.isH ? 0 : prevMonthTranslate) + '%, 0)').addClass('picker-calendar-month-prev');
-            p.months.eq(1).transform('translate3d(' + (p.isH ? currentMonthTranslate : 0) + '%, ' + (p.isH ? 0 : currentMonthTranslate) + '%, 0)').addClass('picker-calendar-month-current');
-            p.months.eq(2).transform('translate3d(' + (p.isH ? nextMonthTranslate : 0) + '%, ' + (p.isH ? 0 : nextMonthTranslate) + '%, 0)').addClass('picker-calendar-month-next');
-        };
-        p.nextMonth = function (transition) {
-            if (typeof transition === 'undefined' || typeof transition === 'object') {
-                transition = '';
-                if (!p.params.animate) transition = 0;
-            }
-            var nextMonth = parseInt(p.months.eq(p.months.length - 1).attr('data-month'), 10);
-            var nextYear = parseInt(p.months.eq(p.months.length - 1).attr('data-year'), 10);
-            var nextDate = new Date(nextYear, nextMonth);
-            var nextDateTime = nextDate.getTime();
-            var transitionEndCallback = p.animating ? false : true;
-            if (p.params.maxDate) {
-                if (nextDateTime > new Date(p.params.maxDate).getTime()) {
-                    return p.resetMonth();
-                }
-            }
-            p.monthsTranslate --;
-            if (nextMonth === p.currentMonth) {
-                var nextMonthTranslate = -(p.monthsTranslate) * 100 * inverter;
-                var nextMonthHTML = $(p.monthHTML(nextDateTime, 'next')).transform('translate3d(' + (p.isH ? nextMonthTranslate : 0) + '%, ' + (p.isH ? 0 : nextMonthTranslate) + '%, 0)').addClass('picker-calendar-month-next');
-                p.wrapper.append(nextMonthHTML[0]);
-                p.months = p.wrapper.find('.picker-calendar-month');
-                if (p.params.onMonthAdd) {
-                    p.params.onMonthAdd(p, p.months.eq(p.months.length - 1)[0]);
-                }
-            }
-            p.animating = true;
-            p.onMonthChangeStart('next');
-            var translate = (p.monthsTranslate * 100) * inverter;
-
-            p.wrapper.transition(transition).transform('translate3d(' + (p.isH ? translate : 0) + '%, ' + (p.isH ? 0 : translate) + '%, 0)');
-            if (transitionEndCallback) {
-                p.wrapper.transitionEnd(function () {
-                    p.onMonthChangeEnd('next');
-                });
-            }
-            if (!p.params.animate) {
-                p.onMonthChangeEnd('next');
-            }
-        };
-        p.prevMonth = function (transition) {
-            if (typeof transition === 'undefined' || typeof transition === 'object') {
-                transition = '';
-                if (!p.params.animate) transition = 0;
-            }
-            var prevMonth = parseInt(p.months.eq(0).attr('data-month'), 10);
-            var prevYear = parseInt(p.months.eq(0).attr('data-year'), 10);
-            var prevDate = new Date(prevYear, prevMonth + 1, -1);
-            var prevDateTime = prevDate.getTime();
-            var transitionEndCallback = p.animating ? false : true;
-            if (p.params.minDate) {
-                if (prevDateTime < new Date(p.params.minDate).getTime()) {
-                    return p.resetMonth();
-                }
-            }
-            p.monthsTranslate ++;
-            if (prevMonth === p.currentMonth) {
-                var prevMonthTranslate = -(p.monthsTranslate) * 100 * inverter;
-                var prevMonthHTML = $(p.monthHTML(prevDateTime, 'prev')).transform('translate3d(' + (p.isH ? prevMonthTranslate : 0) + '%, ' + (p.isH ? 0 : prevMonthTranslate) + '%, 0)').addClass('picker-calendar-month-prev');
-                p.wrapper.prepend(prevMonthHTML[0]);
-                p.months = p.wrapper.find('.picker-calendar-month');
-                if (p.params.onMonthAdd) {
-                    p.params.onMonthAdd(p, p.months.eq(0)[0]);
-                }
-            }
-            p.animating = true;
-            p.onMonthChangeStart('prev');
-            var translate = (p.monthsTranslate * 100) * inverter;
-            p.wrapper.transition(transition).transform('translate3d(' + (p.isH ? translate : 0) + '%, ' + (p.isH ? 0 : translate) + '%, 0)');
-            if (transitionEndCallback) {
-                p.wrapper.transitionEnd(function () {
-                    p.onMonthChangeEnd('prev');
-                });
-            }
-            if (!p.params.animate) {
-                p.onMonthChangeEnd('prev');
-            }
-        };
-        p.resetMonth = function (transition) {
-            if (typeof transition === 'undefined') transition = '';
-            var translate = (p.monthsTranslate * 100) * inverter;
-            p.wrapper.transition(transition).transform('translate3d(' + (p.isH ? translate : 0) + '%, ' + (p.isH ? 0 : translate) + '%, 0)');
-        };
-        p.setYearMonth = function (year, month, transition) {
-            if (typeof year === 'undefined') year = p.currentYear;
-            if (typeof month === 'undefined') month = p.currentMonth;
-            if (typeof transition === 'undefined' || typeof transition === 'object') {
-                transition = '';
-                if (!p.params.animate) transition = 0;
-            }
-            var targetDate;
-            if (year < p.currentYear) {
-                targetDate = new Date(year, month + 1, -1).getTime();
-            }
-            else {
-                targetDate = new Date(year, month).getTime();
-            }
-            if (p.params.maxDate && targetDate > new Date(p.params.maxDate).getTime()) {
-                return false;
-            }
-            if (p.params.minDate && targetDate < new Date(p.params.minDate).getTime()) {
-                return false;
-            }
-            var currentDate = new Date(p.currentYear, p.currentMonth).getTime();
-            var dir = targetDate > currentDate ? 'next' : 'prev';
-            var newMonthHTML = p.monthHTML(new Date(year, month));
-            p.monthsTranslate = p.monthsTranslate || 0;
-            var prevTranslate = p.monthsTranslate;
-            var monthTranslate, wrapperTranslate;
-            var transitionEndCallback = p.animating ? false : true;
-            if (targetDate > currentDate) {
-                // To next
-                p.monthsTranslate --;
-                if (!p.animating) p.months.eq(p.months.length - 1).remove();
-                p.wrapper.append(newMonthHTML);
-                p.months = p.wrapper.find('.picker-calendar-month');
-                monthTranslate = -(prevTranslate - 1) * 100 * inverter;
-                p.months.eq(p.months.length - 1).transform('translate3d(' + (p.isH ? monthTranslate : 0) + '%, ' + (p.isH ? 0 : monthTranslate) + '%, 0)').addClass('picker-calendar-month-next');
-            }
-            else {
-                // To prev
-                p.monthsTranslate ++;
-                if (!p.animating) p.months.eq(0).remove();
-                p.wrapper.prepend(newMonthHTML);
-                p.months = p.wrapper.find('.picker-calendar-month');
-                monthTranslate = -(prevTranslate + 1) * 100 * inverter;
-                p.months.eq(0).transform('translate3d(' + (p.isH ? monthTranslate : 0) + '%, ' + (p.isH ? 0 : monthTranslate) + '%, 0)').addClass('picker-calendar-month-prev');
-            }
-            if (p.params.onMonthAdd) {
-                p.params.onMonthAdd(p, dir === 'next' ? p.months.eq(p.months.length - 1)[0] : p.months.eq(0)[0]);
-            }
-            p.animating = true;
-            p.onMonthChangeStart(dir);
-            wrapperTranslate = (p.monthsTranslate * 100) * inverter;
-            p.wrapper.transition(transition).transform('translate3d(' + (p.isH ? wrapperTranslate : 0) + '%, ' + (p.isH ? 0 : wrapperTranslate) + '%, 0)');
-            if (transitionEndCallback) {
-                p.wrapper.transitionEnd(function () {
-                    p.onMonthChangeEnd(dir, true);
-                });
-            }
-            if (!p.params.animate) {
-                p.onMonthChangeEnd(dir);
-            }
-        };
-        p.nextYear = function () {
-            p.setYearMonth(p.currentYear + 1);
-        };
-        p.prevYear = function () {
-            p.setYearMonth(p.currentYear - 1);
-        };
-
-
-        // HTML Layout
-        p.layout = function () {
-            var pickerHTML = '';
-            var pickerClass = '';
-            var i;
-
-            var layoutDate = p.value && p.value.length ? p.value[0] : new Date().setHours(0,0,0,0);
-            var prevMonthHTML = p.monthHTML(layoutDate, 'prev');
-            var currentMonthHTML = p.monthHTML(layoutDate);
-            var nextMonthHTML = p.monthHTML(layoutDate, 'next');
-            var monthsHTML = '<div class="picker-calendar-months"><div class="picker-calendar-months-wrapper">' + (prevMonthHTML + currentMonthHTML + nextMonthHTML) + '</div></div>';
-            // Week days header
-            var weekHeaderHTML = '';
-            if (p.params.weekHeader) {
-                for (i = 0; i < 7; i++) {
-                    var weekDayIndex = (i + p.params.firstDay > 6) ? (i - 7 + p.params.firstDay) : (i + p.params.firstDay);
-                    var dayName = p.params.dayNamesShort[weekDayIndex];
-                    weekHeaderHTML += '<div class="picker-calendar-week-day ' + ((p.params.weekendDays.indexOf(weekDayIndex) >= 0) ? 'picker-calendar-week-day-weekend' : '') + '"> ' + dayName + '</div>';
-
-                }
-                weekHeaderHTML = '<div class="picker-calendar-week-days">' + weekHeaderHTML + '</div>';
-            }
-            pickerClass = 'picker-modal picker-calendar ' + (p.params.cssClass || '');
-            var toolbarHTML = p.params.toolbar ? p.params.toolbarTemplate.replace(/{{closeText}}/g, p.params.toolbarCloseText) : '';
-            if (p.params.toolbar) {
-                toolbarHTML = p.params.toolbarTemplate
-                    .replace(/{{closeText}}/g, p.params.toolbarCloseText)
-                    .replace(/{{monthPicker}}/g, (p.params.monthPicker ? p.params.monthPickerTemplate : ''))
-                    .replace(/{{yearPicker}}/g, (p.params.yearPicker ? p.params.yearPickerTemplate : ''));
-            }
-
-            pickerHTML =
-                '<div class="' + (pickerClass) + '">' +
-                toolbarHTML +
-                '<div class="picker-modal-inner">' +
-                weekHeaderHTML +
-                monthsHTML +
-                '</div>' +
-                '</div>';
-
-
-            p.pickerHTML = pickerHTML;
-        };
-
-        // Input Events
-        function openOnInput(e) {
-            e.preventDefault();
-            // 安卓微信webviewreadonly的input依然弹出软键盘问题修复
-            if ($.device.isWeixin && $.device.android && p.params.inputReadOnly) {
-                /*jshint validthis:true */
-                this.focus();
-                this.blur();
-            }
-            if (p.opened) return;
-            p.open();
-            if (p.params.scrollToInput) {
-                var pageContent = p.input.parents('.content');
-                if (pageContent.length === 0) return;
-
-                var paddingTop = parseInt(pageContent.css('padding-top'), 10),
-                    paddingBottom = parseInt(pageContent.css('padding-bottom'), 10),
-                    pageHeight = pageContent[0].offsetHeight - paddingTop - p.container.height(),
-                    pageScrollHeight = pageContent[0].scrollHeight - paddingTop - p.container.height(),
-                    newPaddingBottom;
-
-                var inputTop = p.input.offset().top - paddingTop + p.input[0].offsetHeight;
-                if (inputTop > pageHeight) {
-                    var scrollTop = pageContent.scrollTop() + inputTop - pageHeight;
-                    if (scrollTop + pageHeight > pageScrollHeight) {
-                        newPaddingBottom = scrollTop + pageHeight - pageScrollHeight + paddingBottom;
-                        if (pageHeight === pageScrollHeight) {
-                            newPaddingBottom = p.container.height();
-                        }
-                        pageContent.css({'padding-bottom': (newPaddingBottom) + 'px'});
-                    }
-                    pageContent.scrollTop(scrollTop, 300);
-                }
-            }
-        }
-        function closeOnHTMLClick(e) {
-            if (p.input && p.input.length > 0) {
-                if (e.target !== p.input[0] && $(e.target).parents('.picker-modal').length === 0) p.close();
-            }
-            else {
-                if ($(e.target).parents('.picker-modal').length === 0) p.close();
-            }
-        }
-
-        if (p.params.input) {
-            p.input = $(p.params.input);
-            if (p.input.length > 0) {
-                if (p.params.inputReadOnly) p.input.prop('readOnly', true);
-                if (!p.inline) {
-                    p.input.on('click', openOnInput);
-                }
-            }
-
-        }
-
-        if (!p.inline) $('html').on('click', closeOnHTMLClick);
-
-        // Open
-        function onPickerClose() {
-            p.opened = false;
-            if (p.input && p.input.length > 0) p.input.parents('.content').css({'padding-bottom': ''});
-            if (p.params.onClose) p.params.onClose(p);
-
-            // Destroy events
-            p.destroyCalendarEvents();
-        }
-
-        p.opened = false;
-        p.open = function () {
-            var updateValue = false;
-            if (!p.opened) {
-                // Set date value
-                if (!p.value) {
-                    if (p.params.value) {
-                        p.value = p.params.value;
-                        updateValue = true;
-                    }
-                }
-
-                // Layout
-                p.layout();
-
-                // Append
-                if (p.inline) {
-                    p.container = $(p.pickerHTML);
-                    p.container.addClass('picker-modal-inline');
-                    $(p.params.container).append(p.container);
-                }
-                else {
-                    p.container = $($.pickerModal(p.pickerHTML));
-                    $(p.container)
-                        .on('close', function () {
-                            onPickerClose();
-                        });
-                }
-
-                // Store calendar instance
-                p.container[0].f7Calendar = p;
-                p.wrapper = p.container.find('.picker-calendar-months-wrapper');
-
-                // Months
-                p.months = p.wrapper.find('.picker-calendar-month');
-
-                // Update current month and year
-                p.updateCurrentMonthYear();
-
-                // Set initial translate
-                p.monthsTranslate = 0;
-                p.setMonthsTranslate();
-
-                // Init events
-                p.initCalendarEvents();
-
-                // Update input value
-                if (updateValue) p.updateValue();
-
-            }
-
-            // Set flag
-            p.opened = true;
-            p.initialized = true;
-            if (p.params.onMonthAdd) {
-                p.months.each(function () {
-                    p.params.onMonthAdd(p, this);
-                });
-            }
-            if (p.params.onOpen) p.params.onOpen(p);
-        };
-
-        // Close
-        p.close = function () {
-            if (!p.opened || p.inline) return;
-            $.closeModal(p.container);
-            return;
-        };
-
-        // Destroy
-        p.destroy = function () {
-            p.close();
-            if (p.params.input && p.input.length > 0) {
-                p.input.off('click', openOnInput);
-            }
-            $('html').off('click', closeOnHTMLClick);
-        };
-
-        if (p.inline) {
-            p.open();
-        }
-
-        return p;
-    };
-    $.fn.calendar = function (params) {
-        return this.each(function() {
-            var $this = $(this);
-            if(!$this[0]) return;
-            var p = {};
-            if($this[0].tagName.toUpperCase() === "INPUT") {
-                p.input = $this;
-            } else {
-                p.container = $this;
-            }
-            new Calendar($.extend(p, params));
-        });
-    };
-
-    $.initCalendar = function(content) {
-        var $content = content ? $(content) : $(document.body);
-        $content.find("[data-toggle='date']").each(function() {
-            $(this).calendar();
-        });
-    };
-}(Zepto);
-
-/*======================================================
-************   Picker   ************
-======================================================*/
-/* jshint unused:false */
-/* jshint multistr:true */
-+ function($) {
-    "use strict";
-    var Picker = function (params) {
-        var p = this;
-        var defaults = {
-            updateValuesOnMomentum: false,
-            updateValuesOnTouchmove: true,
-            rotateEffect: false,
-            momentumRatio: 7,
-            freeMode: false,
-            // Common settings
-            scrollToInput: true,
-            inputReadOnly: true,
-            toolbar: true,
-            toolbarCloseText: '确定',
-            toolbarTemplate: '<header class="bar bar-nav">\
-                <nav>\
-				<div class="fr">\
-				<button class="btn btn-link pull-right close-picker">确定</button>\
-                </div>\
-				<div class="fm">请选择</div>\
-				</nav>\
-                </header>',
-        };
-        params = params || {};
-        for (var def in defaults) {
-            if (typeof params[def] === 'undefined') {
-                params[def] = defaults[def];
-            }
-        }
-        p.params = params;
-        p.cols = [];
-        p.initialized = false;
-
-        // Inline flag
-        p.inline = p.params.container ? true : false;
-
-        // 3D Transforms origin bug, only on safari
-        var originBug = $.device.ios || (navigator.userAgent.toLowerCase().indexOf('safari') >= 0 && navigator.userAgent.toLowerCase().indexOf('chrome') < 0) && !$.device.android;
-
-        // Value
-        p.setValue = function (arrValues, transition) {
-            var valueIndex = 0;
-            for (var i = 0; i < p.cols.length; i++) {
-                if (p.cols[i] && !p.cols[i].divider) {
-                    p.cols[i].setValue(arrValues[valueIndex], transition);
-                    valueIndex++;
-                }
-            }
-        };
-        p.updateValue = function () {
-            var newValue = [];
-            var newDisplayValue = [];
-            for (var i = 0; i < p.cols.length; i++) {
-                if (!p.cols[i].divider) {
-                    newValue.push(p.cols[i].value);
-                    newDisplayValue.push(p.cols[i].displayValue);
-                }
-            }
-            if (newValue.indexOf(undefined) >= 0) {
-                return;
-            }
-            p.value = newValue;
-            p.displayValue = newDisplayValue;
-            if (p.params.onChange) {
-                p.params.onChange(p, p.value, p.displayValue);
-            }
-            if (p.input && p.input.length > 0) {
-                $(p.input).val(p.params.formatValue ? p.params.formatValue(p, p.value, p.displayValue) : p.value.join(' '));
-                $(p.input).trigger('change');
-            }
-        };
-
-        // Columns Handlers
-        p.initPickerCol = function (colElement, updateItems) {
-            var colContainer = $(colElement);
-            var colIndex = colContainer.index();
-            var col = p.cols[colIndex];
-            if (col.divider) return;
-            col.container = colContainer;
-            col.wrapper = col.container.find('.picker-items-col-wrapper');
-            col.items = col.wrapper.find('.picker-item');
-
-            var i, j;
-            var wrapperHeight, itemHeight, itemsHeight, minTranslate, maxTranslate;
-            col.replaceValues = function (values, displayValues) {
-                col.destroyEvents();
-                col.values = values;
-                col.displayValues = displayValues;
-                var newItemsHTML = p.columnHTML(col, true);
-                col.wrapper.html(newItemsHTML);
-                col.items = col.wrapper.find('.picker-item');
-                col.calcSize();
-                col.setValue(col.values[0], 0, true);
-                col.initEvents();
-            };
-            col.calcSize = function () {
-                if (p.params.rotateEffect) {
-                    col.container.removeClass('picker-items-col-absolute');
-                    if (!col.width) col.container.css({width:''});
-                }
-                var colWidth, colHeight;
-                colWidth = 0;
-                colHeight = col.container[0].offsetHeight;
-                wrapperHeight = col.wrapper[0].offsetHeight;
-                itemHeight = col.items[0].offsetHeight;
-                itemsHeight = itemHeight * col.items.length;
-                minTranslate = colHeight / 2 - itemsHeight + itemHeight / 2;
-                maxTranslate = colHeight / 2 - itemHeight / 2;
-                if (col.width) {
-                    colWidth = col.width;
-                    if (parseInt(colWidth, 10) === colWidth) colWidth = colWidth + 'px';
-                    col.container.css({width: colWidth});
-                }
-                if (p.params.rotateEffect) {
-                    if (!col.width) {
-                        col.items.each(function () {
-                            var item = $(this);
-                            item.css({width:'auto'});
-                            colWidth = Math.max(colWidth, item[0].offsetWidth);
-                            item.css({width:''});
-                        });
-                        col.container.css({width: (colWidth + 2) + 'px'});
-                    }
-                    col.container.addClass('picker-items-col-absolute');
-                }
-            };
-            col.calcSize();
-
-            col.wrapper.transform('translate3d(0,' + maxTranslate + 'px,0)').transition(0);
-
-
-            var activeIndex = 0;
-            var animationFrameId;
-
-            // Set Value Function
-            col.setValue = function (newValue, transition, valueCallbacks) {
-                if (typeof transition === 'undefined') transition = '';
-                var newActiveIndex = col.wrapper.find('.picker-item[data-picker-value="' + newValue + '"]').index();
-                if(typeof newActiveIndex === 'undefined' || newActiveIndex === -1) {
-                    return;
-                }
-                var newTranslate = -newActiveIndex * itemHeight + maxTranslate;
-                // Update wrapper
-                col.wrapper.transition(transition);
-                col.wrapper.transform('translate3d(0,' + (newTranslate) + 'px,0)');
-
-                // Watch items
-                if (p.params.updateValuesOnMomentum && col.activeIndex && col.activeIndex !== newActiveIndex ) {
-                    $.cancelAnimationFrame(animationFrameId);
-                    col.wrapper.transitionEnd(function(){
-                        $.cancelAnimationFrame(animationFrameId);
-                    });
-                    updateDuringScroll();
-                }
-
-                // Update items
-                col.updateItems(newActiveIndex, newTranslate, transition, valueCallbacks);
-            };
-
-            col.updateItems = function (activeIndex, translate, transition, valueCallbacks) {
-                if (typeof translate === 'undefined') {
-                    translate = $.getTranslate(col.wrapper[0], 'y');
-                }
-                if(typeof activeIndex === 'undefined') activeIndex = -Math.round((translate - maxTranslate)/itemHeight);
-                if (activeIndex < 0) activeIndex = 0;
-                if (activeIndex >= col.items.length) activeIndex = col.items.length - 1;
-                var previousActiveIndex = col.activeIndex;
-                col.activeIndex = activeIndex;
-                /*
-                   col.wrapper.find('.picker-selected, .picker-after-selected, .picker-before-selected').removeClass('picker-selected picker-after-selected picker-before-selected');
-
-                   col.items.transition(transition);
-                   var selectedItem = col.items.eq(activeIndex).addClass('picker-selected').transform('');
-                   var prevItems = selectedItem.prevAll().addClass('picker-before-selected');
-                   var nextItems = selectedItem.nextAll().addClass('picker-after-selected');
-                   */
-                //去掉 .picker-after-selected, .picker-before-selected 以提高性能
-                col.wrapper.find('.picker-selected').removeClass('picker-selected');
-                if (p.params.rotateEffect) {
-                    col.items.transition(transition);
-                }
-                var selectedItem = col.items.eq(activeIndex).addClass('picker-selected').transform('');
-
-                if (valueCallbacks || typeof valueCallbacks === 'undefined') {
-                    // Update values
-                    col.value = selectedItem.attr('data-picker-value');
-                    col.displayValue = col.displayValues ? col.displayValues[activeIndex] : col.value;
-                    // On change callback
-                    if (previousActiveIndex !== activeIndex) {
-                        if (col.onChange) {
-                            col.onChange(p, col.value, col.displayValue);
-                        }
-                        p.updateValue();
-                    }
-                }
-
-                // Set 3D rotate effect
-                if (!p.params.rotateEffect) {
-                    return;
-                }
-                var percentage = (translate - (Math.floor((translate - maxTranslate)/itemHeight) * itemHeight + maxTranslate)) / itemHeight;
-
-                col.items.each(function () {
-                    var item = $(this);
-                    var itemOffsetTop = item.index() * itemHeight;
-                    var translateOffset = maxTranslate - translate;
-                    var itemOffset = itemOffsetTop - translateOffset;
-                    var percentage = itemOffset / itemHeight;
-
-                    var itemsFit = Math.ceil(col.height / itemHeight / 2) + 1;
-
-                    var angle = (-18*percentage);
-                    if (angle > 180) angle = 180;
-                    if (angle < -180) angle = -180;
-                    // Far class
-                    if (Math.abs(percentage) > itemsFit) item.addClass('picker-item-far');
-                    else item.removeClass('picker-item-far');
-                    // Set transform
-                    item.transform('translate3d(0, ' + (-translate + maxTranslate) + 'px, ' + (originBug ? -110 : 0) + 'px) rotateX(' + angle + 'deg)');
-                });
-            };
-
-            function updateDuringScroll() {
-                animationFrameId = $.requestAnimationFrame(function () {
-                    col.updateItems(undefined, undefined, 0);
-                    updateDuringScroll();
-                });
-            }
-
-            // Update items on init
-            if (updateItems) col.updateItems(0, maxTranslate, 0);
-
-            var allowItemClick = true;
-            var isTouched, isMoved, touchStartY, touchCurrentY, touchStartTime, touchEndTime, startTranslate, returnTo, currentTranslate, prevTranslate, velocityTranslate, velocityTime;
-            function handleTouchStart (e) {
-                if (isMoved || isTouched) return;
-                e.preventDefault();
-                isTouched = true;
-                touchStartY = touchCurrentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
-                touchStartTime = (new Date()).getTime();
-
-                allowItemClick = true;
-                startTranslate = currentTranslate = $.getTranslate(col.wrapper[0], 'y');
-            }
-            function handleTouchMove (e) {
-                if (!isTouched) return;
-                e.preventDefault();
-                allowItemClick = false;
-                touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-                if (!isMoved) {
-                    // First move
-                    $.cancelAnimationFrame(animationFrameId);
-                    isMoved = true;
-                    startTranslate = currentTranslate = $.getTranslate(col.wrapper[0], 'y');
-                    col.wrapper.transition(0);
-                }
-                e.preventDefault();
-
-                var diff = touchCurrentY - touchStartY;
-                currentTranslate = startTranslate + diff;
-                returnTo = undefined;
-
-                // Normalize translate
-                if (currentTranslate < minTranslate) {
-                    currentTranslate = minTranslate - Math.pow(minTranslate - currentTranslate, 0.8);
-                    returnTo = 'min';
-                }
-                if (currentTranslate > maxTranslate) {
-                    currentTranslate = maxTranslate + Math.pow(currentTranslate - maxTranslate, 0.8);
-                    returnTo = 'max';
-                }
-                // Transform wrapper
-                col.wrapper.transform('translate3d(0,' + currentTranslate + 'px,0)');
-
-                // Update items
-                col.updateItems(undefined, currentTranslate, 0, p.params.updateValuesOnTouchmove);
-
-                // Calc velocity
-                velocityTranslate = currentTranslate - prevTranslate || currentTranslate;
-                velocityTime = (new Date()).getTime();
-                prevTranslate = currentTranslate;
-            }
-            function handleTouchEnd (e) {
-                if (!isTouched || !isMoved) {
-                    isTouched = isMoved = false;
-                    return;
-                }
-                isTouched = isMoved = false;
-                col.wrapper.transition('');
-                if (returnTo) {
-                    if (returnTo === 'min') {
-                        col.wrapper.transform('translate3d(0,' + minTranslate + 'px,0)');
-                    }
-                    else col.wrapper.transform('translate3d(0,' + maxTranslate + 'px,0)');
-                }
-                touchEndTime = new Date().getTime();
-                var velocity, newTranslate;
-                if (touchEndTime - touchStartTime > 300) {
-                    newTranslate = currentTranslate;
-                }
-                else {
-                    velocity = Math.abs(velocityTranslate / (touchEndTime - velocityTime));
-                    newTranslate = currentTranslate + velocityTranslate * p.params.momentumRatio;
-                }
-
-                newTranslate = Math.max(Math.min(newTranslate, maxTranslate), minTranslate);
-
-                // Active Index
-                var activeIndex = -Math.floor((newTranslate - maxTranslate)/itemHeight);
-
-                // Normalize translate
-                if (!p.params.freeMode) newTranslate = -activeIndex * itemHeight + maxTranslate;
-
-                // Transform wrapper
-                col.wrapper.transform('translate3d(0,' + (parseInt(newTranslate,10)) + 'px,0)');
-
-                // Update items
-                col.updateItems(activeIndex, newTranslate, '', true);
-
-                // Watch items
-                if (p.params.updateValuesOnMomentum) {
-                    updateDuringScroll();
-                    col.wrapper.transitionEnd(function(){
-                        $.cancelAnimationFrame(animationFrameId);
-                    });
-                }
-
-                // Allow click
-                setTimeout(function () {
-                    allowItemClick = true;
-                }, 100);
-            }
-
-            function handleClick(e) {
-                if (!allowItemClick) return;
-                $.cancelAnimationFrame(animationFrameId);
-                /*jshint validthis:true */
-                var value = $(this).attr('data-picker-value');
-                col.setValue(value);
-            }
-
-            col.initEvents = function (detach) {
-                var method = detach ? 'off' : 'on';
-                col.container[method]($.touchEvents.start, handleTouchStart);
-                col.container[method]($.touchEvents.move, handleTouchMove);
-                col.container[method]($.touchEvents.end, handleTouchEnd);
-                col.items[method]('click', handleClick);
-            };
-            col.destroyEvents = function () {
-                col.initEvents(true);
-            };
-
-            col.container[0].f7DestroyPickerCol = function () {
-                col.destroyEvents();
-            };
-
-            col.initEvents();
-
-        };
-        p.destroyPickerCol = function (colContainer) {
-            colContainer = $(colContainer);
-            if ('f7DestroyPickerCol' in colContainer[0]) colContainer[0].f7DestroyPickerCol();
-        };
-        // Resize cols
-        function resizeCols() {
-            if (!p.opened) return;
-            for (var i = 0; i < p.cols.length; i++) {
-                if (!p.cols[i].divider) {
-                    p.cols[i].calcSize();
-                    p.cols[i].setValue(p.cols[i].value, 0, false);
-                }
-            }
-        }
-        $(window).on('resize', resizeCols);
-
-        // HTML Layout
-        p.columnHTML = function (col, onlyItems) {
-            var columnItemsHTML = '';
-            var columnHTML = '';
-            if (col.divider) {
-                columnHTML += '<div class="picker-items-col picker-items-col-divider ' + (col.textAlign ? 'picker-items-col-' + col.textAlign : '') + ' ' + (col.cssClass || '') + '">' + col.content + '</div>';
-            }
-            else {
-                for (var j = 0; j < col.values.length; j++) {
-                    columnItemsHTML += '<div class="picker-item" data-picker-value="' + col.values[j] + '">' + (col.displayValues ? col.displayValues[j] : col.values[j]) + '</div>';
-                }
-
-                columnHTML += '<div class="picker-items-col ' + (col.textAlign ? 'picker-items-col-' + col.textAlign : '') + ' ' + (col.cssClass || '') + '"><div class="picker-items-col-wrapper">' + columnItemsHTML + '</div></div>';
-            }
-            return onlyItems ? columnItemsHTML : columnHTML;
-        };
-        p.layout = function () {
-            var pickerHTML = '';
-            var pickerClass = '';
-            var i;
-            p.cols = [];
-            var colsHTML = '';
-            for (i = 0; i < p.params.cols.length; i++) {
-                var col = p.params.cols[i];
-                colsHTML += p.columnHTML(p.params.cols[i]);
-                p.cols.push(col);
-            }
-            pickerClass = 'picker-modal picker-columns ' + (p.params.cssClass || '') + (p.params.rotateEffect ? ' picker-3d' : '');
-            pickerHTML =
-                '<div class="' + (pickerClass) + '">' +
-                (p.params.toolbar ? p.params.toolbarTemplate.replace(/{{closeText}}/g, p.params.toolbarCloseText) : '') +
-                '<div class="picker-modal-inner picker-items">' +
-                colsHTML +
-                '<div class="picker-center-highlight"></div>' +
-                '</div>' +
-                '</div>';
-
-            p.pickerHTML = pickerHTML;
-        };
-
-        // Input Events
-        function openOnInput(e) {
-            e.preventDefault();
-            // 安卓微信webviewreadonly的input依然弹出软键盘问题修复
-            if ($.device.isWeixin && $.device.android && p.params.inputReadOnly) {
-                /*jshint validthis:true */
-                this.focus();
-                this.blur();
-            }
-            if (p.opened) return;
-            p.open();
-            if (p.params.scrollToInput) {
-                var pageContent = p.input.parents('.content');
-                if (pageContent.length === 0) return;
-
-                var paddingTop = parseInt(pageContent.css('padding-top'), 10),
-                    paddingBottom = parseInt(pageContent.css('padding-bottom'), 10),
-                    pageHeight = pageContent[0].offsetHeight - paddingTop - p.container.height(),
-                    pageScrollHeight = pageContent[0].scrollHeight - paddingTop - p.container.height(),
-                    newPaddingBottom;
-                var inputTop = p.input.offset().top - paddingTop + p.input[0].offsetHeight;
-                if (inputTop > pageHeight) {
-                    var scrollTop = pageContent.scrollTop() + inputTop - pageHeight;
-                    if (scrollTop + pageHeight > pageScrollHeight) {
-                        newPaddingBottom = scrollTop + pageHeight - pageScrollHeight + paddingBottom;
-                        if (pageHeight === pageScrollHeight) {
-                            newPaddingBottom = p.container.height();
-                        }
-                        pageContent.css({'padding-bottom': (newPaddingBottom) + 'px'});
-                    }
-                    pageContent.scrollTop(scrollTop, 300);
-                }
-            }
-        }
-        function closeOnHTMLClick(e) {
-            if (!p.opened) return;
-            if (p.input && p.input.length > 0) {
-                if (e.target !== p.input[0] && $(e.target).parents('.picker-modal').length === 0) p.close();
-            }
-            else {
-                if ($(e.target).parents('.picker-modal').length === 0) p.close();
-            }
-        }
-
-        if (p.params.input) {
-            p.input = $(p.params.input);
-            if (p.input.length > 0) {
-                if (p.params.inputReadOnly) p.input.prop('readOnly', true);
-                if (!p.inline) {
-                    p.input.on('click', openOnInput);
-                }
-            }
-        }
-
-        if (!p.inline) $('html').on('click', closeOnHTMLClick);
-
-        // Open
-        function onPickerClose() {
-            p.opened = false;
-            if (p.input && p.input.length > 0) p.input.parents('.content').css({'padding-bottom': ''});
-            if (p.params.onClose) p.params.onClose(p);
-
-            // Destroy events
-            p.container.find('.picker-items-col').each(function () {
-                p.destroyPickerCol(this);
-            });
-        }
-
-        p.opened = false;
-        p.open = function () {
-            if (!p.opened) {
-
-                // Layout
-                p.layout();
-
-                // Append
-                if (p.inline) {
-                    p.container = $(p.pickerHTML);
-                    p.container.addClass('picker-modal-inline');
-                    $(p.params.container).append(p.container);
-                    p.opened = true;
-                }
-                else {
-                    p.container = $($.pickerModal(p.pickerHTML));
-                    $(p.container)
-                        .one('opened', function() {
-                            p.opened = true;
-                        })
-                        .on('close', function () {
-                            onPickerClose();
-                        });
-                }
-
-                // Store picker instance
-                p.container[0].f7Picker = p;
-
-                // Init Events
-                p.container.find('.picker-items-col').each(function () {
-                    var updateItems = true;
-                    if ((!p.initialized && p.params.value) || (p.initialized && p.value)) updateItems = false;
-                    p.initPickerCol(this, updateItems);
-                });
-
-                // Set value
-                if (!p.initialized) {
-                    if (p.params.value) {
-                        p.setValue(p.params.value, 0);
-                    }
-                }
-                else {
-                    if (p.value) p.setValue(p.value, 0);
-                }
-            }
-
-            // Set flag
-            p.initialized = true;
-
-            if (p.params.onOpen) p.params.onOpen(p);
-        };
-
-        // Close
-        p.close = function () {
-            if (!p.opened || p.inline) return;
-            $.closeModal(p.container);
-            return;
-        };
-
-        // Destroy
-        p.destroy = function () {
-            p.close();
-            if (p.params.input && p.input.length > 0) {
-                p.input.off('click', openOnInput);
-            }
-            $('html').off('click', closeOnHTMLClick);
-            $(window).off('resize', resizeCols);
-        };
-
-        if (p.inline) {
-            p.open();
-        }
-
-        return p;
-    };
-
-    $(document).on("click", ".close-picker", function() {
-        var pickerToClose = $('.picker-modal.modal-in');
-        $.closeModal(pickerToClose);
-    });
-
-    $.fn.picker = function(params) {
-        var args = arguments;
-        return this.each(function() {
-            if(!this) return;
-            var $this = $(this);
-
-            var picker = $this.data("picker");
-            if(!picker) {
-                var p = $.extend({
-                    input: this,
-                    value: $this.val() ? $this.val().split(' ') : ''
-                }, params);
-                picker = new Picker(p);
-                $this.data("picker", picker);
-            }
-            if(typeof params === typeof "a") {
-                picker[params].apply(picker, Array.prototype.slice.call(args, 1));
-            }
-        });
-    };
-}(Zepto);