mbui.define(['layer'], function (exports) {
|
var layer = mbui.layer;
|
var layPicker = {
|
index: 0, // 递增的index，作为元素的唯一标识
|
indexList: [], // 每个index的集合
|
offset: {}, // 每个ul元素的滚动位置
|
liHeight: 50, // 每个li的高度
|
selectList: {}, // 存储每个被选中的值，li下标
|
textField: 'name', // 参数名称-内容
|
valueField: 'value',// 参数名称-值
|
fieldList: {}, // 参数名称集
|
dataList: {}, // 数据集合
|
tempSearchList: {}, // 临时存储搜索前的主数据
|
minMaxData: {}, // 最小最大限制数据
|
init: function(data){
|
layPicker.index ++;
|
layPicker.indexList.push(layPicker.index);
|
var key = ''+layPicker.index;
|
// 参数名称替换
|
layPicker.fieldList[key] = {
|
textField: data.textField || layPicker.textField,
|
valueField: data.valueField || layPicker.valueField,
|
};
|
// 滚动位置初始化
|
layPicker.offset[key] = {
|
start: {},
|
move: {},
|
end: {state: false},
|
};
|
// 日期选择器-获取对应值
|
if(data.options){
|
var minObj = lay_picker_date.getMinOrMaxDate(data.minDate);
|
var maxObj = lay_picker_date.getMinOrMaxDate(data.maxDate);
|
layPicker.minMaxData[key] = {};
|
layPicker.minMaxData[key]['minObj'] = minObj;
|
layPicker.minMaxData[key]['maxObj'] = maxObj;
|
layPicker.minMaxData[key]['options'] = data.options;
|
data.data = lay_picker_date.getData(data.options, key);
|
}
|
// 选中值初始化
|
layPicker.selectList[key] = {};
|
// 数据集
|
layPicker.dataList[key] = data.data;
|
// 渲染标签
|
var html = layPicker.initBody(data, key);
|
$('body').append(html);
|
// 给绑定元素添加标识
|
//data.elem.attr('readonly', true);
|
data.elem.attr('lay-picker-id', key);
|
|
// 不等于自定义html才需要执行这些操作
|
if(!data.type || data.type != 3){
|
// 初始化标签和值
|
layPicker.initBox(data.data, key);
|
layPicker.initSelect(key);
|
// 日期选择器-赋值
|
if(data.options){
|
layPicker.setValue(key, lay_picker_date.getVoluation(data.options, layPicker.fieldList[key].valueField), data.options);
|
}
|
// 搜索监听
|
if(data.search){
|
layPicker.tempSearchList[key] = data.data[0];
|
var temp_keyup;
|
$('#lay-picker-input-'+key).on('keyup', function() {
|
var value = $(this).val();
|
clearTimeout(temp_keyup);
|
temp_keyup = setTimeout(function(){
|
var tempArray = [];
|
if(value){
|
var arr = layPicker.tempSearchList[key];
|
for(var i=0; i<arr.length; i++){
|
var obj = arr[i];
|
var text = layPicker.fieldList[key].textField;
|
if(obj[text].indexOf(value) != -1){
|
tempArray.push(obj);
|
}
|
}
|
}else{
|
tempArray = layPicker.tempSearchList[key];
|
}
|
layPicker.setData(key, -1, tempArray);
|
}, 500)
|
});
|
}
|
// 滑动-开始（手指放在页面时触发）
|
$('.lay-picker-'+key).on('touchstart', '.lay-picker-list-wrap', function(e) {
|
var touch = e.originalEvent.targetTouches[0];
|
if(layPicker.tempInter){
|
clearInterval(layPicker.tempInter);
|
layPicker.tempInter = null;
|
layPicker.offset[key].move.y = touch.clientY;
|
}
|
layPicker.offset[key].move.len = 0;
|
layPicker.offset[key].end.state = true;
|
layPicker.offset[key].start.y = touch.clientY;
|
var ul = $(this).find('ul')[0];
|
layPicker.offset[key].start.top = parseInt(ul.style.transform.split(",")[1].replace('px', '')) || 0;
|
e.stopPropagation(); // 防止屏幕滑动
|
});
|
// 滑动-中（手指移动时触发）
|
$('.lay-picker-'+key).on('touchmove', '.lay-picker-list-wrap', function(e) {
|
var touch = e.originalEvent.targetTouches[0];
|
layPicker.offset[key].move.y = touch.clientY;
|
var y = layPicker.offset[key].move.y - layPicker.offset[key].start.y + layPicker.offset[key].start.top;
|
$(this).find('ul').css('transform', 'translate3d(0px, ' + y + 'px, 0px)');
|
layPicker.offset[key].end.y = y;
|
e.stopPropagation();
|
e.preventDefault();// 防止屏幕滑动
|
});
|
// 滑动-结束（手指离开页面时触发）
|
$('.lay-picker-'+key).on('touchend', '.lay-picker-list-wrap', function(e) {
|
layPicker.offset[key].move.state = true;
|
var tempLen = 1;
|
if(layPicker.offset[key].start.y > layPicker.offset[key].move.y){
|
layPicker.offset[key].move.num = true;
|
tempLen = layPicker.offset[key].start.y - layPicker.offset[key].move.y;
|
}else{
|
layPicker.offset[key].move.num = false;
|
tempLen = layPicker.offset[key].move.y - layPicker.offset[key].start.y;
|
}
|
tempLen = tempLen / layPicker.liHeight;
|
var _this = this;
|
var ul = $(_this).find('ul')[0], ul2 = $(_this).find('ul');
|
var tempNum = 1;
|
layPicker.tempInter = setInterval(function(){
|
tempNum ++;
|
var tempTop = layPicker.offset[key].start.top;
|
layPicker.offset[key].start.top = parseInt(ul.style.transform.split(",")[1].replace('px', '')) || 0;
|
if(tempLen <= 3
|
|| tempTop >= 0
|
|| layPicker.offset[key].start.top >= 0
|
|| ((ul.children.length - 1) * layPicker.liHeight) <= Math.abs(tempTop)
|
|| ((ul.children.length - 1) * layPicker.liHeight) <= Math.abs(layPicker.offset[key].start.top)){
|
tempNum = tempLen;
|
}else{
|
layPicker.offset[key].start.y = layPicker.offset[key].move.y;
|
if(layPicker.offset[key].move.num){
|
layPicker.offset[key].move.y = layPicker.offset[key].move.y - ((tempLen - tempNum) * layPicker.liHeight);
|
}else{
|
if(layPicker.offset[key].move.y < 0){
|
layPicker.offset[key].move.y = layPicker.offset[key].move.y - ((tempLen - tempNum) * layPicker.liHeight);
|
}else{
|
layPicker.offset[key].move.y = layPicker.offset[key].move.y + ((tempLen - tempNum) * layPicker.liHeight);
|
}
|
}
|
var y = layPicker.offset[key].move.y - layPicker.offset[key].start.y + layPicker.offset[key].start.top;
|
ul2.css('transform', 'translate3d(0px, ' + y + 'px, 0px)');
|
layPicker.offset[key].end.y = y;
|
}
|
// 在这前面的都是实现延迟继续滚动效果,这下面的则是原来的效果
|
if(tempNum >= tempLen){
|
clearInterval(layPicker.tempInter);
|
layPicker.offset[key].end.state = false;
|
var itemHeight = layPicker.liHeight;
|
var sign = layPicker.offset[key].end.y >= 0 ? 1 : -1;
|
var thisIndex = $(_this).attr("index");
|
// 计算超出回弹
|
var fieldIndex = Math.round(Math.abs(layPicker.offset[key].end.y) / itemHeight);
|
var len = sign * (fieldIndex * itemHeight);
|
if (len > 0) {
|
len = 0;
|
fieldIndex = 0;
|
} else if (len < -(ul.children.length - 1) * itemHeight) {
|
len = -(ul.children.length - 1) * itemHeight;
|
fieldIndex = ul.children.length - 1;
|
};
|
ul2.css('transform', 'translate3d(0px, ' + len + 'px, 0px)');
|
layPicker.selectList[key][thisIndex] = fieldIndex;
|
// 获取选中值
|
var list = layPicker.dataList[key];
|
var resultArray = [];
|
for(var k in layPicker.selectList[key]){
|
var arr = list[Number(k)]
|
if(arr && arr.length > 0){
|
var obj = arr[layPicker.selectList[key][k]]
|
resultArray.push(obj);
|
}
|
}
|
// 回调
|
if(data.onSelect){
|
data.onSelect(key, thisIndex, resultArray);
|
}
|
// 日期选择器-赋值day
|
if(data.options){
|
var valList = layPicker.setOptions(data.options, key, resultArray, thisIndex);
|
layPicker.setValue(key, valList); // 赋值，以位置类推
|
}
|
}
|
}, 100)
|
e.stopPropagation();// 防止屏幕滑动
|
});
|
// 取消-点击
|
$('.lay-picker-'+key).on("click", ".lay-picker-cancel-click", function(e){
|
layPicker.hiden($(this).parents('.lay-picker').attr('lay-index'));
|
if(data.onCancel){
|
data.onCancel(key);
|
}
|
});
|
// 确认-点击
|
$('.lay-picker-'+key).on("click", ".lay-picker-confirm-click", function(e){
|
layPicker.hiden($(this).parents('.lay-picker').attr('lay-index'));
|
var list = layPicker.dataList[key];
|
var v = '', resultArray = [];
|
for(var k in layPicker.selectList[key]){
|
var arr = list[Number(k)]
|
if(arr && arr.length > 0){
|
var obj = arr[layPicker.selectList[key][k]]
|
if(data.options && (data.options == 'time' || data.options == 'timesecond' || data.options == 'datetime' || data.options == 'datetimesecond')){
|
if(data.options == 'time' || data.options == 'timesecond'){
|
v += obj[layPicker.fieldList[key].valueField] + ":";
|
}else if((data.options == 'datetime' || data.options == 'datetimesecond') && Number(k) == 2){
|
v += obj[layPicker.fieldList[key].valueField] + " ";
|
}else if((data.options == 'datetime' || data.options == 'datetimesecond') && Number(k) > 2){
|
v += obj[layPicker.fieldList[key].valueField] + ":";
|
}else{
|
v += obj[layPicker.fieldList[key].valueField] + "-";
|
}
|
}else{
|
v += obj[layPicker.fieldList[key].valueField] + "-";
|
}
|
resultArray.push(obj);
|
}
|
}
|
if(data.onConfirm){
|
data.onConfirm(key, v.substring(0, v.length-1), resultArray);
|
}
|
});
|
// 清除-点击
|
$('.lay-picker-'+key).on("click", ".lay-picker-clear-click", function(e){
|
if(data.onClear){
|
data.onClear(key);
|
}
|
});
|
}
|
// 绑定元素-点击
|
data.elem.on('click', function(e){
|
layPicker.show($(this).attr('lay-picker-id'));
|
if(data.onShow){
|
data.onShow(key);
|
}
|
})
|
// 遮罩-点击
|
$('.lay-picker-'+key).on("click", ".lay-picker-shade", function(e){
|
layPicker.hiden($(this).parents('.lay-picker').attr('lay-index'));
|
if(data.onShade){
|
data.onShade(key);
|
}
|
});
|
// 成功回调
|
if(data.onSuccess){
|
data.onSuccess(key, '.lay-picker-'+key);
|
}
|
return key;
|
},
|
/** 重置值*/
|
setOptions: function(options, key, resultArray, thisIndex){
|
var valList = [];
|
if(options == 'month' || options == 'date' || options == 'datetime' || options == 'datetimesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getMonth(resultArray, key));
|
if(options != 'month'){
|
layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getDay(resultArray, key));
|
}
|
}else if(thisIndex == 1 && options != 'month'){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getDay(resultArray, key));
|
}
|
if(options != 'month'){
|
var tempDay = resultArray[2][layPicker.fieldList[key].valueField];
|
var lastDay = lay_picker_date.getLastDay(resultArray);
|
if(Number(tempDay) > lastDay){
|
tempDay = lastDay;
|
}
|
valList = [
|
{value: resultArray[0][layPicker.fieldList[key].valueField]},
|
{value: resultArray[1][layPicker.fieldList[key].valueField]},
|
{value: tempDay},
|
];
|
if(options == 'datetime' || options == 'datetimesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, Number(thisIndex) + 2, lay_picker_date.getHours(resultArray, key));
|
layPicker.setData(key, Number(thisIndex) + 3, lay_picker_date.getMinutes(resultArray, key));
|
}else if(thisIndex == 1){
|
layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getHours(resultArray, key));
|
layPicker.setData(key, Number(thisIndex) + 2, lay_picker_date.getMinutes(resultArray, key));
|
}else if(thisIndex == 2){
|
layPicker.setData(key, Number(thisIndex) , lay_picker_date.getHours(resultArray, key));
|
layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getMinutes(resultArray, key));
|
}else if(thisIndex == 3){
|
layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key));
|
}
|
valList.push({value: resultArray[3][layPicker.fieldList[key].valueField]})
|
valList.push({value: resultArray[4][layPicker.fieldList[key].valueField]})
|
if(options == 'datetimesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, Number(thisIndex) + 4, lay_picker_date.getSeconds(resultArray, key));
|
}else if(thisIndex == 1){
|
layPicker.setData(key, Number(thisIndex) + 3, lay_picker_date.getSeconds(resultArray, key));
|
}else if(thisIndex == 2){
|
layPicker.setData(key, Number(thisIndex) + 2, lay_picker_date.getSeconds(resultArray, key));
|
}else if(thisIndex == 3){
|
layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getSeconds(resultArray, key));
|
}else if(thisIndex == 4){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key));
|
}
|
valList.push({value: resultArray[5][layPicker.fieldList[key].valueField]})
|
}
|
}
|
}
|
}
|
if(options == 'time' || options == 'timesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key, 1));
|
}
|
valList = [
|
{value: resultArray[0][layPicker.fieldList[key].valueField]},
|
{value: resultArray[1][layPicker.fieldList[key].valueField]},
|
];
|
if(options == 'timesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, Number(thisIndex) + 1, lay_picker_date.getSeconds(resultArray, key, 1));
|
}else if(thisIndex == 1){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key, 1));
|
}
|
valList.push({value: resultArray[2][layPicker.fieldList[key].valueField]});
|
}
|
}
|
return valList;
|
},
|
initBody: function(data, index){
|
var s = '';
|
s += '<div class="lay-picker lay-picker-'+index+'" lay-index="'+index+'" style="display: none;">';
|
if(data.shade !== false){
|
if(data.shade){
|
s += ' <div class="lay-picker-shade" style="background: rgba(0, 0, 0, '+data.shade+');"></div>';
|
}else{
|
s += ' <div class="lay-picker-shade"></div>';
|
}
|
}
|
var cancel = '取消',clear = '清空', confirm = '确定';
|
if(data.btns && data.btns.length > 0){
|
cancel = data.btns[0];
|
clear = data.btns[1];
|
confirm = data.btns[2];
|
}
|
if(data.type == 3){
|
var radius = (data.radius?'border-radius: '+data.radius+'px '+data.radius+'px 0px 0;':'');
|
s += ' <div class="lay-picker-container" style=";transform: translate3d(0px, 100%, 0px);'+radius+'">';
|
s += ' <div class="lay-picker-content" style="overflow: auto;">';
|
s += (data.content || '');
|
s += ' </div>';
|
s += ' </div>';
|
s += '</div>';
|
}else if(data.type == 2){
|
var sumHeight = 350; // 高度超出出现滚动条
|
sumHeight = (data.title) ? sumHeight += 80 : sumHeight;
|
sumHeight = (data.search) ? sumHeight += 80 : sumHeight;
|
var h = $(window).height();
|
var radius = (data.radius?'border-radius: '+data.radius+'px '+data.radius+'px 0px 0;':'');
|
s += ' <div class="lay-picker-container" style="transform: translate3d(0px, 100%, 0px);'+radius+''+(sumHeight > h ? 'overflow: auto;height: 100%;':'')+'">';
|
if(data.title){
|
s += ' <div class="lay-picker-header" style="'+radius+'">';
|
s += ' <div class="lay-picker-title">'+(data.title || '')+'</div>';
|
s += ' </div>';
|
}
|
if(data.search){
|
s += ' <div class="lay-picker-search" style="'+radius+'">';
|
s += ' <input type="text" id="lay-picker-input-'+index+'" placeholder="'+((typeof data.search === "string") ? data.search : '请输入搜索内容')+'"/>';
|
s += ' </div>';
|
}
|
s += ' <div class="lay-picker-content" style="'+(data.title ? '' : 'margin: 30px 15px;')+'">';
|
s += ' <div class="lay-picker-shadowup"></div>';
|
s += ' <div class="lay-picker-shadowdown"></div>';
|
s += ' <div class="lay-picker-box"></div>';
|
s += ' </div>';
|
s += ' <div class="lay-picker-bottom">';
|
s += ' <span class="lay-picker-cancel-click lay-picker-bottom-btn lay-picker-bottom-btn-cancel">'+cancel+'</span>';
|
s += ' <span class="lay-picker-clear-click lay-picker-bottom-btn lay-picker-bottom-btn-clear">'+clear+'</span>';
|
s += ' <span class="lay-picker-confirm-click lay-picker-bottom-btn lay-picker-bottom-btn-confirm">'+confirm+'</span>';
|
s += ' </div>';
|
s += ' </div>';
|
s += '</div>';
|
}else{
|
var sumHeight = 350; // 高度超出出现滚动条
|
sumHeight = (data.search) ? sumHeight += 80 : sumHeight;
|
var h = $(window).height();
|
var radius = (data.radius?'border-radius: '+data.radius+'px '+data.radius+'px 0px 0;':'');
|
s += ' <div class="lay-picker-container" style="transform: translate3d(0px, 100%, 0px);'+radius+''+(sumHeight > h ? 'overflow: auto;height: 100%;':'')+'">';
|
s += ' <div class="lay-picker-header" style="'+radius+'">';
|
s += ' <div class="lay-picker-title">'+(data.title || '')+'</div>';
|
s += ' <div class="lay-picker-btn">';
|
s += ' <span class="lay-picker-cancel lay-picker-cancel-click">'+cancel+'</span>';
|
s += ' <span class="lay-picker-clear lay-picker-clear-click">'+clear+'</span>';
|
s += ' <span class="lay-picker-confirm lay-picker-confirm-click">'+confirm+'</span>';
|
s += ' </div>';
|
s += ' </div>';
|
if(data.search){
|
s += ' <div class="lay-picker-search" style="'+radius+'">';
|
s += ' <input type="text" id="lay-picker-input-'+index+'" placeholder="'+((typeof data.search === "string") ? data.search : '请输入搜索内容')+'"/>';
|
s += ' </div>';
|
}
|
s += ' <div class="lay-picker-content">';
|
s += ' <div class="lay-picker-shadowup"></div>';
|
s += ' <div class="lay-picker-shadowdown"></div>';
|
s += ' <div class="lay-picker-box"></div>';
|
s += ' </div>';
|
s += ' </div>';
|
s += '</div>';
|
}
|
return s;
|
},
|
initBox: function(data, index){
|
var len = 100 / data.length;
|
var box = $('.lay-picker-'+index).find('.lay-picker-box');
|
for(var i=0; i<data.length; i++){
|
var div = $('<div index="'+i+'" class="lay-picker-list-wrap" style="width: '+len+'%;"></div>');
|
var ul = $('<ul style="transform: translate3d(0px, 0, 0px);"></ul>');
|
for(var j=0; j<data[i].length; j++){
|
var li = $('<li>'+data[i][j][layPicker.fieldList[index].textField]+'</li>');
|
ul.append(li);
|
}
|
div.append(ul);
|
box.append(div);
|
}
|
},
|
initSelect: function(index){
|
var list = layPicker.dataList[index];
|
for(var i=0; i<list.length; i++){
|
layPicker.selectList[index][i+''] = 0;
|
}
|
},
|
setData: function(index, i, data, trends){
|
var t_index = (Number(i) + 1);
|
var ul = $('.lay-picker-'+index).find('.lay-picker-box').find('[index='+t_index+']>ul');
|
ul.empty();
|
ul.css('transform', 'translate3d(0px, 0px, 0px)');
|
for(var i=0; i<data.length; i++){
|
var li = $('<li>'+data[i][layPicker.fieldList[index].textField]+'</li>');
|
ul.append(li);
|
}
|
layPicker.selectList[index][t_index+''] = 0;
|
layPicker.dataList[index][t_index] = data;
|
|
},
|
setDataTrends: function(index, i, data){
|
var t_index = (Number(i) + 1);
|
if(!data || data.length == 0){
|
layPicker.deleteData(index, i, t_index);
|
var len = 100 / layPicker.dataList[index].length;
|
$('.lay-picker-'+index).find('.lay-picker-list-wrap').css('width', len+'%');
|
return;
|
}
|
var data_len = t_index > layPicker.dataList[index].length-1;
|
if(data_len){
|
layPicker.dataList[index].push(data);
|
}else{
|
layPicker.dataList[index][t_index] = data;
|
layPicker.deleteData(index, t_index, t_index+1);
|
}
|
var box = $('.lay-picker-'+index).find('.lay-picker-box');
|
var len = 100 / layPicker.dataList[index].length;
|
$('.lay-picker-'+index).find('.lay-picker-list-wrap').css('width', len+'%');
|
if(data_len){
|
var div = $('<div index="'+t_index+'" class="lay-picker-list-wrap" style="width: '+len+'%;"><ul style="transform: translate3d(0px, 0, 0px);"></ul></div>');
|
box.append(div);
|
}
|
var ul = $('.lay-picker-'+index).find('.lay-picker-box').find('[index='+t_index+']>ul');
|
ul.empty();
|
ul.css('transform', 'translate3d(0px, 0px, 0px)');
|
for(var i=0; i<data.length; i++){
|
var li = $('<li>'+data[i][layPicker.fieldList[index].textField]+'</li>');
|
ul.append(li);
|
}
|
layPicker.selectList[index][t_index+''] = 0;
|
},
|
deleteData: function(index, i, t_index){
|
if(layPicker.dataList[index].length > Number(i)){
|
for(var i=t_index; i<layPicker.dataList[index].length; i++){
|
layPicker.dataList[index].splice(i, 1);
|
$('.lay-picker-'+index).find('.lay-picker-box').find('[index='+i+']').remove();
|
return layPicker.deleteData(index, i, t_index);
|
}
|
}
|
},
|
setValue: function(index, data, options){
|
var list = layPicker.dataList[index];
|
var box = $('.lay-picker-'+index).find('.lay-picker-box');
|
for(var i=0; i<data.length; i++){
|
data[i].value = Number(data[i].value) < 10 ? '0'+Number(data[i].value) : data[i].value;
|
}
|
if(!options && layPicker.minMaxData[index]){
|
options = layPicker.minMaxData[index]['options'];
|
}
|
for(var i=0; i<data.length; i++){
|
var arr = list[i];
|
for(var j=0; j<arr.length; j++){
|
if(arr[j][layPicker.fieldList[index].valueField] == data[i][layPicker.fieldList[index].valueField]){
|
layPicker.selectList[index][i+''] = j;
|
if(options){
|
layPicker.setOptionsValue(options, index, data, i);
|
}
|
var y = j * layPicker.liHeight;
|
box.find('[index='+i+']>ul').css('transform', 'translate3d(0px, -'+y+'px, 0px)');
|
}
|
}
|
}
|
},
|
setOptionsValue: function(options, key, resultArray, thisIndex){
|
if(options == 'month' || options == 'date' || options == 'datetime' || options == 'datetimesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getMonth(resultArray, key));
|
}else if(thisIndex == 1 && options != 'month'){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getDay(resultArray, key));
|
}
|
if(options == 'datetime' || options == 'datetimesecond'){
|
if(thisIndex == 2){
|
layPicker.setData(key, Number(thisIndex) , lay_picker_date.getHours(resultArray, key));
|
}else if(thisIndex == 3){
|
layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key));
|
}
|
if(options == 'datetimesecond'){
|
if(thisIndex == 4){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key));
|
}
|
}
|
}
|
}
|
if(options == 'time' || options == 'timesecond'){
|
if(thisIndex == 0){
|
layPicker.setData(key, thisIndex, lay_picker_date.getMinutes(resultArray, key, 1));
|
}
|
if(options == 'timesecond'){
|
if(thisIndex == 1){
|
layPicker.setData(key, Number(thisIndex), lay_picker_date.getSeconds(resultArray, key, 1));
|
}
|
}
|
}
|
},
|
hiden: function(index){
|
$('.lay-picker-'+index).find('.lay-picker-container').css('transform', 'translate3d(0px, 100%, 0px)');
|
$('.lay-picker-'+index).find('.lay-picker-shade').fadeOut(200);
|
setTimeout(function(){
|
$('.lay-picker-'+index).css('display', 'none');
|
}, 100)
|
},
|
show: function(index){
|
$('.lay-picker-'+index).css('display', 'block');
|
$('.lay-picker-'+index).find('.lay-picker-shade').fadeIn(200);
|
setTimeout(function(){
|
$('.lay-picker-'+index).find('.lay-picker-container').css('transform', 'translate3d(0px, 0px, 0px)');
|
}, 10)
|
$(".lay-picker-not-mobile").remove();
|
if(!layPicker.isMobile()){
|
$(".lay-picker-container").append("<div class='lay-picker-not-mobile' style='padding: 15px 0; color: #999;text-align: center;'>非手机模式无法滑动</div>")
|
}
|
},
|
remove: function(index){
|
layPicker.hiden(index);
|
setTimeout(function(){
|
$('.lay-picker-'+index).remove();
|
}, 200)
|
for(var i=0; i<layPicker.indexList.length; i++){
|
if(layPicker.indexList[i] == index){
|
layPicker.indexList.splice(i, 1);
|
break;
|
}
|
}
|
},
|
removeAll: function(){
|
if(layPicker.indexList.length > 0){
|
for(var i=0; i<layPicker.indexList.length; i++){
|
layPicker.hiden(layPicker.indexList[i]);
|
var index = layPicker.indexList[i];
|
layPicker.removeTime(index);
|
layPicker.indexList.splice(i, 1);
|
return layPicker.removeAll();
|
}
|
}
|
},
|
removeTime: function(index){
|
setTimeout(function(){
|
$('.lay-picker-'+index).remove();
|
}, 200)
|
},
|
/** 判断是否是手机打开*/
|
isMobile: function () {
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|DingTalk|Opera Mini/i.test(navigator.userAgent);
|
},
|
}
|
|
/**
|
* 日期对象
|
*/
|
var lay_picker_date = {
|
getVoluation: function(value, key){
|
var date_obj = lay_picker_date.getDateTime();
|
var year_obj = {};
|
year_obj[''+key] = date_obj.year;
|
var month_obj = {};
|
month_obj[''+key] = date_obj.month;
|
var day_obj = {};
|
day_obj[''+key] = date_obj.day;
|
var hours_obj = {};
|
hours_obj[''+key] = date_obj.hours;
|
var minutes_obj = {};
|
minutes_obj[''+key] = date_obj.minutes;
|
var seconds_obj = {};
|
seconds_obj[''+key] = date_obj.seconds;
|
if(value == 'year'){
|
return [year_obj];
|
}else if(value == 'month'){
|
return [year_obj, month_obj];
|
}else if(value == 'date'){
|
return [year_obj, month_obj, day_obj];
|
}else if(value == 'time'){
|
return [hours_obj, minutes_obj];
|
}else if(value == 'timesecond'){
|
return [hours_obj, minutes_obj, seconds_obj];
|
}else if(value == 'datetime'){
|
return [year_obj, month_obj, day_obj, hours_obj, minutes_obj];
|
}else if(value == 'datetimesecond'){
|
return [year_obj, month_obj, day_obj, hours_obj, minutes_obj, seconds_obj];
|
}
|
},
|
getData: function(value, key){
|
if(value == 'year'){
|
var years = lay_picker_date.getYear(key);
|
return [years];
|
}else if(value == 'month'){
|
var years = lay_picker_date.getYear(key);
|
var date_obj = lay_picker_date.getDateTime();
|
var months = lay_picker_date.getMonth(
|
[
|
{value: years[0].value},
|
{value: date_obj.month},
|
]
|
, key);
|
return [years, months];
|
}else if(value == 'date'){
|
var years = lay_picker_date.getYear(key);
|
var date_obj = lay_picker_date.getDateTime();
|
var months = lay_picker_date.getMonth(
|
[
|
{value: years[0].value},
|
{value: date_obj.month},
|
]
|
, key);
|
var days = lay_picker_date.getDay(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: date_obj.day},
|
]
|
, key);
|
return [years, months, days];
|
}else if(value == 'time'){
|
var hourss = lay_picker_date.getHours(null, key, 1);
|
var date_obj = lay_picker_date.getDateTime();
|
var minutess = lay_picker_date.getMinutes(
|
[
|
{value: hourss[0].value},
|
{value: date_obj.minutes},
|
]
|
, key, 1);
|
return [hourss, minutess];
|
}else if(value == 'timesecond'){
|
var hourss = lay_picker_date.getHours(null, key, 1);
|
var date_obj = lay_picker_date.getDateTime();
|
var minutess = lay_picker_date.getMinutes(
|
[
|
{value: hourss[0].value},
|
{value: date_obj.minutes},
|
]
|
, key, 1);
|
var secondss = lay_picker_date.getSeconds(
|
[
|
{value: hourss[0].value},
|
{value: minutess[0].value},
|
{value: date_obj.seconds},
|
]
|
, key, 1);
|
return [hourss, minutess, secondss];
|
}else if(value == 'datetime'){
|
var years = lay_picker_date.getYear(key);
|
var date_obj = lay_picker_date.getDateTime();
|
var months = lay_picker_date.getMonth(
|
[
|
{value: years[0].value},
|
{value: date_obj.month},
|
]
|
, key);
|
var days = lay_picker_date.getDay(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: date_obj.day},
|
]
|
, key);
|
var hourss = lay_picker_date.getHours(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: days[0].value},
|
], key);
|
var minutess = lay_picker_date.getMinutes(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: days[0].value},
|
{value: hourss[0].value},
|
], key);
|
return [years, months, days, hourss, minutess];
|
}else if(value == 'datetimesecond'){
|
var years = lay_picker_date.getYear(key);
|
var date_obj = lay_picker_date.getDateTime();
|
var months = lay_picker_date.getMonth(
|
[
|
{value: years[0].value},
|
{value: date_obj.month},
|
]
|
, key);
|
var days = lay_picker_date.getDay(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: date_obj.day},
|
]
|
, key);
|
var hourss = lay_picker_date.getHours(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: days[0].value},
|
], key);
|
var minutess = lay_picker_date.getMinutes(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: days[0].value},
|
{value: hourss[0].value},
|
], key);
|
var secondss = lay_picker_date.getSeconds(
|
[
|
{value: years[0].value},
|
{value: months[0].value},
|
{value: days[0].value},
|
{value: hourss[0].value},
|
{value: minutess[0].value},
|
], key);
|
return [years, months, days, hourss, minutess, secondss];
|
}
|
},
|
getDateTime: function() {
|
var myDate = new Date();
|
var year = myDate.getFullYear(); //获取年
|
var month = myDate.getMonth() + 1; //获取月，默认从0开始，所以要加一
|
month = ('00' + month).slice(-2);
|
var day = ('00' + myDate.getDate()).slice(-2); //获取日
|
var hours = ('00' + myDate.getHours()).slice(-2); //获取小时
|
var minutes = ('00' + myDate.getMinutes()).slice(-2); //获取分
|
var seconds = ('00' + myDate.getSeconds()).slice(-2); //获取秒
|
return {
|
year: year,
|
month: month,
|
day: day,
|
hours: hours,
|
minutes: minutes,
|
seconds: seconds,
|
}
|
},
|
getYear: function(key){
|
var arr = [],
|
now = new Date();
|
var minYear = 1900;
|
var maxYear = now.getFullYear() + 60;
|
if(key){
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.ymd){
|
minYear = Number(minObj.ymd[0]);
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.ymd){
|
maxYear = Number(maxObj.ymd[0]);
|
}
|
}
|
for(var i = minYear; i <= maxYear; i++) {
|
arr.push({
|
name: i + '年',
|
value: i
|
});
|
}
|
return arr;
|
},
|
getMonth: function(result, key) {
|
var year = result[0].value;
|
var arr = [];
|
var minMonth = 1;
|
var maxMonth = 12;
|
if(key){
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.ymd){
|
if(year == minObj.ymd[0]){
|
minMonth = Number(minObj.ymd[1]);
|
}else{
|
var d1 = Number(year+''+result[1].value);
|
var d2 = Number(minObj.ymd[0]+''+minObj.ymd[1]);
|
if(d1 <= d2){
|
minMonth = Number(minObj.ymd[1]);
|
}
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.ymd){
|
if(year == maxObj.ymd[0]){
|
maxMonth = Number(maxObj.ymd[1]);
|
}else{
|
var d1 = Number(year+''+result[1].value);
|
var d2 = Number(maxObj.ymd[0]+''+maxObj.ymd[1]);
|
if(d1 >= d2){
|
maxMonth = Number(maxObj.ymd[1]);
|
}
|
}
|
}
|
}
|
for(var i = minMonth; i <= maxMonth; i++) {
|
var code = ('00' + i).slice(-2);
|
arr.push({
|
name: i + '月',
|
value: code
|
});
|
}
|
return arr;
|
},
|
getDay: function(result, key) {
|
var year = result[0].value,
|
month = result[1].value;
|
var thisDate = new Date(Number(year), Number(month), 0);
|
var maxDay = thisDate.getDate();
|
var minDay = 1;
|
if(key){
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.ymd){
|
if(year == minObj.ymd[0] && month == minObj.ymd[1]){
|
minDay = Number(minObj.ymd[2]);
|
}else{
|
var d1 = Number(year+''+month+''+result[1].value);
|
var d2 = Number(minObj.ymd[0]+''+minObj.ymd[1]+''+minObj.ymd[2]);
|
if(d1 <= d2){
|
minDay = Number(minObj.ymd[2]);
|
}
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.ymd){
|
if(year == maxObj.ymd[0] && month == maxObj.ymd[1]){
|
maxDay = Number(maxObj.ymd[2]);
|
}else{
|
var d1 = Number(year+''+month+''+result[1].value);
|
var d2 = Number(maxObj.ymd[0]+''+maxObj.ymd[1]+''+maxObj.ymd[2]);
|
if(d1 >= d2){
|
maxDay = Number(maxObj.ymd[2]);
|
}
|
}
|
}
|
}
|
var arr = [];
|
for(var i = minDay; i <= maxDay; i++) {
|
var code = ('00' + i).slice(-2);
|
arr.push({
|
name: i + '日',
|
value: code
|
});
|
}
|
return arr;
|
},
|
getHours: function(result, key, type) {
|
var arr = [];
|
var minHour = 0;
|
var maxHour = 23;
|
if(key){
|
if(type){
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.hms){
|
minHour = Number(minObj.hms[0]);
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.hms){
|
maxHour = Number(maxObj.hms[0]);
|
}
|
}else{
|
var year = result[0].value,
|
month = result[1].value,
|
day = result[2].value;
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.hms){
|
if(minObj && minObj.ymd){
|
var d1 = Number(year+''+month+''+day+''+minObj.hms[0]);
|
var d2 = Number(minObj.ymd[0]+''+minObj.ymd[1]+''+minObj.ymd[2]+''+minObj.hms[0]);
|
if(d1 <= d2){
|
minHour = Number(minObj.hms[0]);
|
}
|
}else{
|
minHour = Number(minObj.hms[0]);
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.hms){
|
if(maxObj && maxObj.ymd){
|
var d1 = Number(year+''+month+''+day+''+maxObj.hms[0]);
|
var d2 = Number(maxObj.ymd[0]+''+maxObj.ymd[1]+''+maxObj.ymd[2]+''+maxObj.hms[0]);
|
if(d1 >= d2){
|
maxHour = Number(maxObj.hms[0]);
|
}
|
}else{
|
maxHour = Number(maxObj.hms[0]);
|
}
|
}
|
}
|
}
|
for(var i = minHour; i <= maxHour; i++) {
|
var value = ('00' + i).slice(-2);
|
arr.push({
|
name: value + '时',
|
value: value
|
})
|
}
|
return arr;
|
},
|
getMinutes: function(result, key, type) {
|
var arr = [];
|
var minMinute = 0;
|
var maxMinute = 59;
|
if(key){
|
if(type){
|
var hours = result[0].value;
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.hms){
|
var d1 = Number(hours +''+ minObj.hms[1]);
|
var d2 = Number(minObj.hms[0] +''+ minObj.hms[1]);
|
if(d1 <= d2){
|
minMinute = Number(minObj.hms[1]);
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.hms){
|
var d1 = Number(hours +''+ maxObj.hms[1]);
|
var d2 = Number(maxObj.hms[0] +''+ maxObj.hms[1]);
|
if(d1 >= d2){
|
maxMinute = Number(maxObj.hms[1]);
|
}
|
}
|
}else{
|
var year = result[0].value,
|
month = result[1].value,
|
day = result[2].value;
|
hours = result[3].value;
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.hms){
|
if(minObj && minObj.ymd){
|
var d1 = Number(year+''+month+''+day+''+hours+''+minObj.hms[1]);
|
var d2 = Number(minObj.ymd[0]+''+minObj.ymd[1]+''+minObj.ymd[2]+''+minObj.hms[0]+''+minObj.hms[1]);
|
if(d1 <= d2){
|
minMinute = Number(minObj.hms[1]);
|
}
|
}else{
|
minMinute = Number(minObj.hms[1]);
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.hms){
|
if(maxObj && maxObj.ymd){
|
var d1 = Number(year+''+month+''+day+''+hours+''+maxObj.hms[1]);
|
var d2 = Number(maxObj.ymd[0]+''+maxObj.ymd[1]+''+maxObj.ymd[2]+''+maxObj.hms[0]+''+maxObj.hms[1]);
|
if(d1 >= d2){
|
maxMinute = Number(maxObj.hms[1]);
|
}
|
}else{
|
maxMinute = Number(maxObj.hms[1]);
|
}
|
}
|
}
|
}
|
for(var i = minMinute; i <= maxMinute; i++) {
|
var value = ('00' + i).slice(-2);
|
arr.push({
|
name: value + '分',
|
value: value
|
})
|
}
|
return arr;
|
},
|
getSeconds: function(result, key, type) {
|
var arr = [];
|
var minSecond = 0;
|
var maxSecond = 59
|
if(key){
|
if(type){
|
var hours = result[0].value;
|
var minute = result[1].value;
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.hms && minObj.hms.length > 2){
|
var d1 = Number(hours +''+ minute+''+ minObj.hms[2]);
|
var d2 = Number(minObj.hms[0] +''+ minObj.hms[1]+''+ minObj.hms[2]);
|
if(d1 <= d2){
|
minSecond = Number(minObj.hms[2]);
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.hms && maxObj.hms.length > 2){
|
var d1 = Number(hours +''+ minute+''+ maxObj.hms[2]);
|
var d2 = Number(maxObj.hms[0] +''+ maxObj.hms[1]+''+ maxObj.hms[2]);
|
if(d1 >= d2){
|
maxSecond = Number(maxObj.hms[2]);
|
}
|
}
|
}else{
|
var year = result[0].value,
|
month = result[1].value,
|
day = result[2].value;
|
hours = result[3].value;
|
minute = result[4].value;
|
var minObj = layPicker.minMaxData[key].minObj;
|
if(minObj && minObj.hms){
|
if(minObj && minObj.ymd){
|
var d1 = Number(year+''+month+''+day+''+hours+''+minute+''+minObj.hms[2]);
|
var d2 = Number(minObj.ymd[0]+''+minObj.ymd[1]+''+minObj.ymd[2]+''+minObj.hms[0]+''+minObj.hms[1]+''+minObj.hms[2]);
|
if(d1 <= d2){
|
minSecond = Number(minObj.hms[2]);
|
}
|
}else{
|
minSecond = Number(minObj.hms[2]);
|
}
|
}
|
var maxObj = layPicker.minMaxData[key].maxObj;
|
if(maxObj && maxObj.hms){
|
if(maxObj && maxObj.ymd){
|
var d1 = Number(year+''+month+''+day+''+hours+''+minute+''+maxObj.hms[2]);
|
var d2 = Number(maxObj.ymd[0]+''+maxObj.ymd[1]+''+maxObj.ymd[2]+''+maxObj.hms[0]+''+maxObj.hms[1]+''+maxObj.hms[2]);
|
if(d1 >= d2){
|
maxSecond = Number(maxObj.hms[2]);
|
}
|
}else{
|
maxSecond = Number(maxObj.hms[2]);
|
}
|
}
|
}
|
}
|
for(var i = minSecond; i <= maxSecond; i++) {
|
var value = ('00' + i).slice(-2);
|
arr.push({
|
name: value + '秒',
|
value: value
|
})
|
}
|
return arr;
|
},
|
getLastDay: function(result){
|
var year = result[0].value,
|
month = result[1].value;
|
var thisDate = new Date(Number(year), Number(month), 0);
|
return thisDate.getDate();
|
},
|
getMinOrMaxDate: function(date){
|
if(!date){
|
return;
|
}
|
var arr = date.split(" ");
|
var obj = {};
|
if(arr.length > 0){
|
if(arr.length == 2){
|
obj.ymd = arr[0].split("-");
|
obj.hms = arr[1].split(":");
|
}else if(arr.length == 1 && date.indexOf(":") == -1){
|
obj.ymd = arr[0].split("-");
|
}else{
|
obj.hms = arr[0].split(":");
|
}
|
}
|
return obj;
|
},
|
}
|
|
$('body').on('click', '.tool-time', function () {
|
let elem = $(this);
|
let type = $(this).data('type');
|
let min = $(this).data('min');
|
let max = $(this).data('max');
|
if (typeof(type) == "undefined" || type === '') {
|
type = 'date';
|
}
|
if (typeof(min) == "undefined" || min === '') {
|
minDate = '1900-1-1';
|
}
|
if (typeof(max) == "undefined" || max === '') {
|
maxDate = '2099-1-1';
|
}
|
layPicker.init({
|
elem: elem, // 绑定元素
|
options: type, // 设置为日期选择器（日期选择器可设置：year、month、date、time、timesecond、datetime、datetimesecond），不设置默认取data作为选择值
|
onSuccess: function(index, elem){ // 渲染成功回调
|
layPicker.show(index);
|
/*
|
layPicker.setValue(index, [ // 赋值，以位置类推
|
{value: ''},
|
{value: ''},
|
{value: ''},
|
])
|
*/
|
},
|
onClear: function(index){ // 停止滚动触发：index是当前对象的标识， i 是当前滑动的对象，result是前面的值集
|
elem.val('');
|
layPicker.remove(index);
|
},
|
onConfirm: function(index, val, result){ // 点击确认回调
|
elem.val(val)
|
layPicker.remove(index);
|
},
|
onCancel: function(index){ // 点击取消回调
|
layPicker.remove(index);
|
},
|
onShade: function(index){ // 点击遮罩回调
|
layPicker.remove(index);
|
}
|
});
|
return false;
|
});
|
|
$('body').on('click', '.picker-oa', function () {
|
let elem = $(this);
|
let url = $(this).data('url');
|
let field = $(this).data('field');
|
if (typeof(url) == "undefined" || url === '') {
|
return false;
|
}
|
if (typeof(field) == "undefined" || field === '') {
|
field = 'title';
|
}
|
let loading;
|
$.ajax({
|
url: url,
|
type: 'get',
|
data:{limit:999999},
|
beforeSend:function(){
|
loading = layer.loading('加载中...');
|
},
|
success: function (e) {
|
if (e.code == 0) {
|
let pickerData = e.data;
|
layPicker.init({
|
elem: elem, // 绑定元素
|
data: [pickerData],
|
textField: field,
|
valueField: 'id',
|
search:true,
|
onSuccess: function(index, elem){ // 渲染成功回调
|
layPicker.show(index);
|
layPicker.setValue(index, [ // 赋值，以位置类推
|
{value: ''}
|
])
|
},
|
onClear: function(index){
|
elem.val('');
|
elem.next().val('');
|
layPicker.remove(index);
|
},
|
onConfirm: function(index, val, result){ // 点击确认回调
|
if(result.length>0){
|
elem.val(result[0][field]);
|
elem.next().val(result[0].id);
|
}
|
layPicker.remove(index);
|
},
|
onCancel: function(index){ // 点击取消回调
|
layPicker.remove(index);
|
},
|
onShade: function(index){ // 点击遮罩回调
|
layPicker.remove(index);
|
}
|
});
|
}
|
},
|
complete:function(){
|
layer.close(loading);
|
}
|
})
|
return false;
|
});
|
|
exports('picker', layPicker);
|
});
|
