';
});
tempDomUl.innerHTML = Html;
},
initRangeArr: function (min, max, str, checkIdx, dir) {
var _this = this;
var realIdx = _this.idxArr[checkIdx];
var arr = [];
var $selector = $id('date-selector-' + _this.container + '-' + realIdx);
var targetLong = 0;
loop(min, max + 1, function (k) {
arr.push(k);
});
var Html = '';
arr.unshift('', '');
arr.push('', '');
for ( var i = 0; i < arr.length; i++ ) {
Html += '
' + arr[i] + (arr[i] === '' ? '' : str) + '
';
}
_this['array' + realIdx] = [];
_this['array' + realIdx] = arr;
$selector.innerHTML = Html;
if (dir == 0) {
targetLong = min > this.resultArr[checkIdx] ? 0 : -arr.indexOf(this.resultArr[checkIdx]) * this.liHeight + this.liHeight * 2;
this.resultArr[checkIdx] = this.resultArr[checkIdx] < min ? min : this.resultArr[checkIdx];
this.recent_time[_this.idxArr[checkIdx]] = _this.resultArr[checkIdx];
} else if (dir == 1) {
targetLong = max > this.resultArr[checkIdx] ?
-arr.indexOf(this.resultArr[checkIdx]) * this.liHeight + this.liHeight * 2 :
-arr.indexOf(max) * this.liHeight + this.liHeight * 2;
this.resultArr[checkIdx] = this.resultArr[checkIdx] > max ? max : this.resultArr[checkIdx];
this.recent_time[_this.idxArr[checkIdx]] = _this.resultArr[checkIdx];
} else {
if (arr.indexOf(this.resultArr[checkIdx]) == -1) {
targetLong = (this.maxHeight[checkIdx] > this.liHeight * (max - min)) ? -this.liHeight * (max - min) : -this.distance[checkIdx];
} else {
targetLong = -arr.indexOf(this.resultArr[checkIdx]) * this.liHeight + 2 * this.liHeight;
}
this.recent_time[realIdx] = -targetLong / this.liHeight + 1;
this.resultArr[checkIdx] = arr[-targetLong / this.liHeight + 2];
}
$selector.style.transform = 'translate3d(0,' + targetLong + 'px, 0)';
$selector.style.webkitTransform = 'translate3d(0,' + targetLong + 'px, 0)';
$selector.style.transition = 'transform 0.15s ease-out';
$selector.style.webkitTransition = '-webkit-transform 0.15s ease-out';
this.maxHeight[checkIdx] = this.liHeight * (max - min);
this.distance[checkIdx] = Math.abs(targetLong);
},
checkRange: function (checkIdx, sta) {
var _this = this;
if (checkIdx >= _this.ulCount - 1) return;
var status = null;
if (sta) status = _this.checkTimeArr(_this.begin_time, _this.resultArr, checkIdx + 1);
else status = _this.checkTimeArr(_this.end_time, _this.resultArr, checkIdx + 1);
if (!status) {
var min = 0;
var max = 0;
var str = '';
var dir = 0; //0在顶部,1在底部,-1在中间
var realIdx = _this.idxArr[checkIdx];
switch (realIdx) {
case 0:
min = 1;
max = 12;
str = '月';
break;
case 1:
min = 1;
max = new Date(_this.recent_time[0], _this.recent_time[1], 0).getDate();
str = '日';
break;
case 2:
min = 0;
max = 23;
str = '时';
break;
case 3:
min = 0;
max = 59;
str = '分';
break;
}
loop(0, checkIdx + 1, function (p) {
if (_this.beginTime[p] != _this.resultArr[p]) {
dir = 1;
loop(0, checkIdx + 1, function (q) {
if (_this.endTime[q] != _this.resultArr[q]) dir = -1;
});
}
});
if (dir == 0) {
min = _this.beginTime[checkIdx + 1] >= min ? _this.beginTime[checkIdx + 1] : 0;
} else if (dir == 1) {
max = _this.endTime[checkIdx + 1] <= max ? _this.endTime[checkIdx + 1] : 0;
}
_this.initRangeArr(min, max, str, checkIdx + 1, dir);
}
_this.checkRange(checkIdx + 1, sta);
},
initPosition: function (dis, max, idx) {
dis = dis < 0 ? 0 : dis;
dis = dis > max ? max : dis;
var sub = dis % this.liHeight;
if (sub < this.liHeight / 2) {
this.distance[idx] = dis - sub;
} else {
this.distance[idx] = dis + (this.liHeight - sub);
}
return this;
},
initSpeed: function (arr, dir, max, idx) {
var variance = 0;
var sum = 0;
for ( var i in arr ) {
sum += arr[i] - 0;
}
for ( var j in arr ) {
variance += (arr[j] - (sum / arr.length)) * (arr[j] - (sum / arr.length));
}
var rate = 0;
if ((variance / arr.length).toFixed(2) > .1) {
rate = max > this.liHeight * 15 ? dir * 2 : 0;
this.initPosition(this.distance[idx] + rate, max, idx);
this.move.speed[0] = .2;
} else {
this.initPosition(this.distance[idx], max, idx);
this.move.speed[0] = this.move.speed[0] > 0.2 ? .2 : this.move.speed[0];
}
return this;
},
touch: function (event, that, $selector, array, idx) {
event = event || window.event;
event.preventDefault();
switch (event.type) {
case "touchstart":
that.move.speed = [];
that.start.Y = event.touches[0].clientY;
that.start.time = Date.now();
break;
case "touchend":
that.end.Y = event.changedTouches[0].clientY;
var tempDis = that.distance[idx] + (that.start.Y - that.end.Y);
that.distance[idx] = tempDis < 0 ? 0 : (tempDis < that.maxHeight[idx] ? tempDis : that.maxHeight[idx]);
that.initSpeed(that.move.speed, that.start.Y - that.end.Y, that.maxHeight[idx], idx);
var tempRes = that.end.index = that.distance[idx] / that.liHeight + 2;
$selector.style.transform = 'translate3d(0,-' + that.distance[idx] + 'px, 0)';
$selector.style.webkitTransform = 'translate3d(0,-' + that.distance[idx] + 'px, 0)';
$selector.style.transition = 'transform ' + that.move.speed[0] + 's ease-out';
$selector.style.webkitTransition = '-webkit-transform ' + that.move.speed[0] + 's ease-out';
that.recent_time[that.idxArr[idx]] = that.resultArr[idx] = that['array' + that.idxArr[idx]][tempRes];
that.checkRange(0, (that.start.Y - that.end.Y) > 0);
break;
case "touchmove":
event.preventDefault();
that.move.Y = event.touches[0].clientY;
var offset = that.start.Y - that.move.Y;
if (that.distance[idx] == 0 && offset < 0) {
$selector.style.transform = 'translate3d(0,' + 1.5 * that.liHeight + 'px, 0)';
$selector.style.webkitTransform = 'translate3d(0,' + 1.5 * that.liHeight + 'px, 0)';
$selector.style.transition = 'transform 0.3s ease-out';
$selector.style.webkitTransition = '-webkit-transform 0.3s ease-out';
} else {
$selector.style.transform = 'translate3d(0,-' + (offset + that.distance[idx]) + 'px, 0)';
$selector.style.webkitTransform = 'translate3d(0,-' + (offset + that.distance[idx]) + 'px, 0)';
}
if (this.distance[idx] <= -that.maxHeight[idx]) {
$selector.style.transform = 'translate3d(0, -' + that.liHeight + 'px, 0)';
$selector.style.webkitTransform = 'translate3d(0, -' + that.liHeight + 'px, 0)';
$selector.style.transition = 'transform 0.3s ease-out';
$selector.style.webkitTransition = '-webkit-transform 0.3s ease-out';
}
if (Math.abs(offset).toFixed(0) % 5 === 0) {
var time = Date.now();
that.move.speed.push((Math.abs(offset) / (time - that.start.time)).toFixed(2));
}
break;
}
}
};
if (typeof exports == "object") {
module.exports = DateSelector;
} else if (typeof define == "function" && define.amd) {
define([], function () {
return DateSelector;
})
} else {
win.DateSelector = DateSelector;
}
})(window, document);