' : '
' + '
' + (s.headerText ? '
' : ''));
for (i = 0; i < s.wheels.length; i++) {
html += '
';
}
html += (s.display != 'inline' ? '
' + s.setText + '' + (s.button3 ? '' + s.button3Text + '' : '') + '' + s.cancelText + '
' : '
') + '
';
dw = $(html);
scrollToPos();
event('onMarkupReady', [dw]);
// Show
if (s.display != 'inline') {
dw.appendTo('body');
// Remove animation class
setTimeout(function () {
dw.removeClass('dw-trans').find('.dw').removeClass(mAnim);
}, 350);
} else if (elm.is('div')) {
elm.html(dw);
} else {
dw.insertAfter(elm);
}
event('onMarkupInserted', [dw]);
visible = true;
// Theme init
theme.init(dw, that);
if (s.display != 'inline') {
// Init buttons
that.tap($('.dwb-s span', dw), function () {
if (that.hide(false, 'set') !== false) {
that.setValue(false, true);
event('onSelect', [that.val]);
}
});
that.tap($('.dwb-c span', dw), function () {
that.cancel();
});
if (s.button3) {
that.tap($('.dwb-n span', dw), s.button3);
}
// prevent scrolling if not specified otherwise
if (s.scrollLock) {
dw.bind('touchmove', function (e) {
if (mh <= wh && mw <= ww) {
e.preventDefault();
}
});
}
// Disable inputs to prevent bleed through (Android bug)
$('input,select,button').each(function () {
if (!$(this).prop('disabled')) {
$(this).addClass('dwtd').prop('disabled', true);
}
});
// Set position
position();
$(window).bind('resize.dw', function () {
// Sometimes scrollTop is not correctly set, so we wait a little
clearTimeout(debounce);
debounce = setTimeout(function () {
position(true);
}, 100);
});
}
// Events
dw.delegate('.dwwl', 'DOMMouseScroll mousewheel', function (e) {
if (!isReadOnly(this)) {
e.preventDefault();
e = e.originalEvent;
var delta = e.wheelDelta ? (e.wheelDelta / 120) : (e.detail ? (-e.detail / 3) : 0),
t = $('.dw-ul', this),
p = +t.data('pos'),
val = Math.round(p - delta);
setGlobals(t);
calc(t, val, delta < 0 ? 1 : 2);
}
}).delegate('.dwb, .dwwb', START_EVENT, function (e) {
// Active button
$(this).addClass('dwb-a');
}).delegate('.dwwb', START_EVENT, function (e) {
e.stopPropagation();
e.preventDefault();
var w = $(this).closest('.dwwl');
if (testTouch(e) && !isReadOnly(w) && !w.hasClass('dwa')) {
click = true;
// + Button
var t = w.find('.dw-ul'),
func = $(this).hasClass('dwwbp') ? plus : minus;
setGlobals(t);
clearInterval(timer);
timer = setInterval(function () { func(t); }, s.delay);
func(t);
}
}).delegate('.dwwl', START_EVENT, function (e) {
// Prevent scroll
e.preventDefault();
// Scroll start
if (testTouch(e) && !move && !isReadOnly(this) && !click) {
move = true;
$(document).bind(MOVE_EVENT, onMove);
target = $('.dw-ul', this);
scrollable = s.mode != 'clickpick';
pos = +target.data('pos');
setGlobals(target);
moved = iv[index] !== undefined; // Don't allow tap, if still moving
start = getCoord(e, 'Y');
startTime = new Date();
stop = start;
that.scroll(target, index, pos, 0.001);
if (scrollable) {
target.closest('.dwwl').addClass('dwa');
}
}
});
event('onShow', [dw, v]);
};
/**
* Hides the scroller instance.
*/
that.hide = function (prevAnim, btn) {
// If onClose handler returns false, prevent hide
if (!visible || event('onClose', [v, btn]) === false) {
return false;
}
// Re-enable temporary disabled fields
$('.dwtd').prop('disabled', false).removeClass('dwtd');
elm.blur();
// Hide wheels and overlay
if (dw) {
if (s.display != 'inline' && anim && !prevAnim) {
dw.addClass('dw-trans').find('.dw').addClass('dw-' + anim + ' dw-out');
setTimeout(function () {
dw.remove();
dw = null;
}, 350);
} else {
dw.remove();
dw = null;
}
visible = false;
pixels = {};
// Stop positioning on window resize
$(window).unbind('.dw');
}
};
/**
* Cancel and hide the scroller instance.
*/
that.cancel = function () {
if (that.hide(false, 'cancel') !== false) {
event('onCancel', [that.val]);
}
};
/**
* Scroller initialization.
*/
that.init = function (ss) {
// Get theme defaults
theme = extend({ defaults: {}, init: empty }, ms.themes[ss.theme || s.theme]);
// Get language defaults
lang = ms.i18n[ss.lang || s.lang];
extend(settings, ss); // Update original user settings
extend(s, theme.defaults, lang, settings);
that.settings = s;
// Unbind all events (if re-init)
elm.unbind('.dw');
var preset = ms.presets[s.preset];
if (preset) {
pres = preset.call(e, that);
extend(s, pres, settings); // Load preset settings
extend(methods, pres.methods); // Extend core methods
}
// Set private members
m = Math.floor(s.rows / 2);
hi = s.height;
anim = s.animate;
if (elm.data('dwro') !== undefined) {
e.readOnly = bool(elm.data('dwro'));
}
if (visible) {
that.hide();
}
if (s.display == 'inline') {
that.show();
} else {
read();
if (input && s.showOnFocus) {
// Set element readonly, save original state
elm.data('dwro', e.readOnly);
e.readOnly = true;
// Init show datewheel
elm.bind('focus.dw', function () { that.show(); });
}
}
};
that.trigger = function (name, params) {
return event(name, params);
};
that.values = null;
that.val = null;
that.temp = null;
that._selectedValues = {}; // [];
that.init(settings);
}
function testProps(props) {
var i;
for (i in props) {
if (mod[props[i]] !== undefined) {
return true;
}
}
return false;
}
function testPrefix() {
var prefixes = ['Webkit', 'Moz', 'O', 'ms'],
p;
for (p in prefixes) {
if (testProps([prefixes[p] + 'Transform'])) {
return '-' + prefixes[p].toLowerCase();
}
}
return '';
}
function getInst(e) {
return scrollers[e.id];
}
function getCoord(e, c) {
var org = e.originalEvent,
ct = e.changedTouches;
return ct || (org && org.changedTouches) ? (org ? org.changedTouches[0]['page' + c] : ct[0]['page' + c]) : e['page' + c];
}
function bool(v) {
return (v === true || v == 'true');
}
function constrain(val, min, max) {
val = val > max ? max : val;
val = val < min ? min : val;
return val;
}
function calc(t, val, dir, anim, orig) {
val = constrain(val, min, max);
var cell = $('.dw-li', t).eq(val),
o = orig === undefined ? val : orig,
idx = index,
time = anim ? (val == o ? 0.1 : Math.abs((val - o) * 0.1)) : 0;
// Set selected scroller value
inst.temp[idx] = cell.attr('data-val');
inst.scroll(t, idx, val, time, orig);
setTimeout(function () {
// Validate
inst.validate(idx, dir, time, orig);
}, 10);
}
function init(that, method, args) {
if (methods[method]) {
return methods[method].apply(that, Array.prototype.slice.call(args, 1));
}
if (typeof method === 'object') {
return methods.init.call(that, method);
}
return that;
}
var scrollers = {},
timer,
empty = function () { },
h,
min,
max,
inst, // Current instance
date = new Date(),
uuid = date.getTime(),
move,
click,
target,
index,
start,
stop,
startTime,
pos,
moved,
scrollable,
mod = document.createElement('modernizr').style,
has3d = testProps(['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']),
prefix = testPrefix(),
extend = $.extend,
tap,
touch,
START_EVENT = 'touchstart mousedown',
MOVE_EVENT = 'touchmove mousemove',
END_EVENT = 'touchend mouseup',
onMove = function (e) {
if (scrollable) {
e.preventDefault();
stop = getCoord(e, 'Y');
inst.scroll(target, index, constrain(pos + (start - stop) / h, min - 1, max + 1));
}
moved = true;
},
defaults = {
// Options
width: 70,
height: 40,
rows: 3,
delay: 300,
disabled: false,
readonly: false,
showOnFocus: true,
showLabel: true,
wheels: [],
theme: '',
headerText: '{value}',
display: 'modal',
mode: 'scroller',
preset: '',
lang: 'en-US',
setText: 'Set',
cancelText: 'Cancel',
scrollLock: true,
tap: true,
formatResult: function (d) {
return d.join(' ');
},
parseValue: function (value, inst) {
var w = inst.settings.wheels,
val = value.split(' '),
ret = [],
j = 0,
i,
l,
v;
for (i = 0; i < w.length; i++) {
for (l in w[i]) {
if (w[i][l][val[j]] !== undefined) {
ret.push(val[j]);
} else {
for (v in w[i][l]) { // Select first value from wheel
ret.push(v);
break;
}
}
j++;
}
}
return ret;
}
},
methods = {
init: function (options) {
if (options === undefined) {
options = {};
}
return this.each(function () {
if (!this.id) {
uuid += 1;
this.id = 'scoller' + uuid;
}
scrollers[this.id] = new Scroller(this, options);
});
},
enable: function () {
return this.each(function () {
var inst = getInst(this);
if (inst) {
inst.enable();
}
});
},
disable: function () {
return this.each(function () {
var inst = getInst(this);
if (inst) {
inst.disable();
}
});
},
isDisabled: function () {
var inst = getInst(this[0]);
if (inst) {
return inst.settings.disabled;
}
},
isVisible: function () {
var inst = getInst(this[0]);
if (inst) {
return inst.isVisible();
}
},
option: function (option, value) {
return this.each(function () {
var inst = getInst(this);
if (inst) {
var obj = {};
if (typeof option === 'object') {
obj = option;
} else {
obj[option] = value;
}
inst.init(obj);
}
});
},
setValue: function (d, fill, time, temp) {
return this.each(function () {
var inst = getInst(this);
if (inst) {
inst.temp = d;
inst.setValue(true, fill, time, temp);
}
});
},
getInst: function () {
return getInst(this[0]);
},
getValue: function () {
var inst = getInst(this[0]);
if (inst) {
return inst.values;
}
},
getValues: function () {
var inst = getInst(this[0]);
if (inst) {
return inst.getValues();
}
},
show: function () {
var inst = getInst(this[0]);
if (inst) {
return inst.show();
}
},
hide: function () {
return this.each(function () {
var inst = getInst(this);
if (inst) {
inst.hide();
}
});
},
destroy: function () {
return this.each(function () {
var inst = getInst(this);
if (inst) {
inst.hide();
$(this).unbind('.dw');
delete scrollers[this.id];
if ($(this).is('input')) {
this.readOnly = bool($(this).data('dwro'));
}
}
});
}
};
$(document).bind(END_EVENT, function (e) {
if (move) {
var time = new Date() - startTime,
val = constrain(pos + (start - stop) / h, min - 1, max + 1),
speed,
dist,
tindex,
ttop = target.offset().top;
if (time < 300) {
speed = (stop - start) / time;
dist = (speed * speed) / (2 * 0.0006);
if (stop - start < 0) {
dist = -dist;
}
} else {
dist = stop - start;
}
tindex = Math.round(pos - dist / h);
if (!dist && !moved) { // this is a "tap"
var idx = Math.floor((stop - ttop) / h),
li = $('.dw-li', target).eq(idx),
hl = scrollable;
if (inst.trigger('onValueTap', [li]) !== false) {
tindex = idx;
} else {
hl = true;
}
if (hl) {
li.addClass('dw-hl'); // Highlight
setTimeout(function () {
li.removeClass('dw-hl');
}, 200);
}
}
if (scrollable) {
calc(target, tindex, 0, true, Math.round(val));
}
move = false;
target = null;
$(document).unbind(MOVE_EVENT, onMove);
}
if (click) {
clearInterval(timer);
click = false;
}
$('.dwb-a').removeClass('dwb-a');
}).bind('mouseover mouseup mousedown click', function (e) { // Prevent standard behaviour on body click
if (tap) {
e.stopPropagation();
e.preventDefault();
return false;
}
});
$.fn.mobiscroll = function (method) {
extend(this, $.mobiscroll.shorts);
return init(this, method, arguments);
};
$.mobiscroll = $.mobiscroll || {
/**
* Set settings for all instances.
* @param {Object} o - New default settings.
*/
setDefaults: function (o) {
extend(defaults, o);
},
presetShort: function (name) {
this.shorts[name] = function (method) {
return init(this, extend(method, { preset: name }), arguments);
};
},
shorts: {},
presets: {},
themes: {},
i18n: {}
};
$.scroller = $.scroller || $.mobiscroll;
$.fn.scroller = $.fn.scroller || $.fn.mobiscroll;
$.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
dateFormat: 'yyyy-mm-dd',
dateOrder: 'yymmdd',
dayNames: ['周日', '周一;', '周二;', '周三', '周四', '周五', '周六'],
dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
dayText: '日',
hourText: '时',
minuteText: '分',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
monthText: '月',
secText: '秒',
timeFormat: 'HH:ii',
timeWheels: 'HHii',
yearText: '年'
});
$.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
setText: '确定',
cancelText: '取消'
});
var theme = {
defaults: {
dateOrder: 'Mddyy',
mode: 'mixed',
rows: 5,
width: 70,
height: 36,
showLabel: true,
useShortLabels: true
}
}
$.mobiscroll.themes['android-ics'] = theme;
$.mobiscroll.themes['android-ics light'] = theme;
})(jQuery);