|
|
|
|
@ -61,8 +61,8 @@
|
|
|
|
|
,id = options.id; |
|
|
|
|
|
|
|
|
|
thisModule.that[id] = that; //记录当前实例对象
|
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
|
|
return that.inst = { |
|
|
|
|
//提示框
|
|
|
|
|
hint: function(content){ |
|
|
|
|
that.hint.call(that, content); |
|
|
|
|
@ -85,8 +85,8 @@
|
|
|
|
|
// 若 elem 非唯一，则拆分为多个实例
|
|
|
|
|
var elem = lay(options.elem || that.config.elem); |
|
|
|
|
if(elem.length > 1){ |
|
|
|
|
layui.each(elem, function(){ |
|
|
|
|
laydate.render(lay.extend({}, that.config, { |
|
|
|
|
lay.each(elem, function(){ |
|
|
|
|
laydate.render(lay.extend({}, that.config, lay.options(this),{ |
|
|
|
|
elem: this |
|
|
|
|
})); |
|
|
|
|
}); |
|
|
|
|
@ -207,7 +207,18 @@
|
|
|
|
|
options.eventElem = lay(options.eventElem); |
|
|
|
|
|
|
|
|
|
if(!options.elem[0]) return; |
|
|
|
|
|
|
|
|
|
var thatTemp = thisModule.that[options.elem.attr('lay-key')] |
|
|
|
|
thatTemp && thatTemp.destroy && thatTemp.destroy(); // 销毁上一个实例以便重新渲染
|
|
|
|
|
|
|
|
|
|
layui.type(options.theme) !== 'array' && (options.theme = [options.theme]); |
|
|
|
|
// 设置了全面版模式
|
|
|
|
|
if (options.fullPanel) { |
|
|
|
|
if (options.type !== 'datetime' || options.range) { |
|
|
|
|
// 目前只支持datetime的全面版
|
|
|
|
|
delete options.fullPanel; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//日期范围分隔符
|
|
|
|
|
that.rangeStr = options.range ? ( |
|
|
|
|
typeof options.range === 'string' ? options.range : '-' |
|
|
|
|
@ -279,11 +290,9 @@
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//设置唯一KEY
|
|
|
|
|
if(!options.elem.attr('lay-key')){ |
|
|
|
|
options.elem.attr('lay-key', that.index); |
|
|
|
|
options.eventElem.attr('lay-key', that.index); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
options.elem.attr('lay-key', that.index); |
|
|
|
|
options.eventElem.attr('lay-key', that.index); |
|
|
|
|
|
|
|
|
|
//记录重要日期
|
|
|
|
|
options.mark = lay.extend({}, (options.calendar && options.lang === 'cn') ? { |
|
|
|
|
'0-1-1': '元旦' |
|
|
|
|
@ -364,7 +373,17 @@
|
|
|
|
|
'layui-laydate' |
|
|
|
|
,options.range ? ' layui-laydate-range' : '' |
|
|
|
|
,isStatic ? (' '+ ELEM_STATIC) : '' |
|
|
|
|
,options.theme && options.theme !== 'default' && !/^#/.test(options.theme) ? (' laydate-theme-' + options.theme) : '' |
|
|
|
|
,options.fullPanel ? ' laydate-theme-fullpanel' : '' // 全面版
|
|
|
|
|
// ,options.theme && options.theme !== 'default' && !/^#/.test(options.theme) ? (' laydate-theme-' + options.theme) : ''
|
|
|
|
|
,(function () { |
|
|
|
|
var themeStr = ''; |
|
|
|
|
lay.each(options.theme, function (index, theme) { |
|
|
|
|
if (theme !== 'default' && !/^#/.test(theme)) { |
|
|
|
|
themeStr += ' laydate-theme-' + theme; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
return themeStr; |
|
|
|
|
})() |
|
|
|
|
].join('') |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
@ -472,7 +491,7 @@
|
|
|
|
|
if(options.type === 'datetime'){ |
|
|
|
|
html.push('<span lay-type="datetime" class="'+ ELEM_TIME_BTN +'">'+ lang.timeTips +'</span>'); |
|
|
|
|
} |
|
|
|
|
if(!(!options.range && options.type === 'datetime')){ |
|
|
|
|
if(!(!options.range && options.type === 'datetime') || options.fullPanel){ |
|
|
|
|
html.push('<span class="'+ ELEM_PREVIEW +'" title="'+ lang.preview +'"></span>') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -493,13 +512,20 @@
|
|
|
|
|
options.showBottom && elem.appendChild(divFooter); |
|
|
|
|
|
|
|
|
|
//生成自定义主题
|
|
|
|
|
if(/^#/.test(options.theme)){ |
|
|
|
|
var style = lay.elem('style') |
|
|
|
|
,styleText = [ |
|
|
|
|
'#{{id}} .layui-laydate-header{background-color:{{theme}};}' |
|
|
|
|
,'#{{id}} .layui-this{background-color:{{theme}} !important;}' |
|
|
|
|
].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, options.theme); |
|
|
|
|
|
|
|
|
|
var style; |
|
|
|
|
var styleText = []; |
|
|
|
|
lay.each(options.theme, function (index, theme) { |
|
|
|
|
if(/^#/.test(theme)){ |
|
|
|
|
style = style || lay.elem('style'); |
|
|
|
|
styleText.push([ |
|
|
|
|
'#{{id}} .layui-laydate-header{background-color:{{theme}};}' |
|
|
|
|
,'#{{id}} li.layui-this,#{{id}} td.layui-this>div{background-color:{{theme}} !important;}' |
|
|
|
|
,options.theme.indexOf('circle') !== -1 ? '' : '#{{id}} .layui-this{background-color:{{theme}} !important;}' |
|
|
|
|
].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, theme)); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
if (style) { |
|
|
|
|
styleText = styleText.join(''); |
|
|
|
|
if('styleSheet' in style){ |
|
|
|
|
style.setAttribute('type', 'text/css'); |
|
|
|
|
style.styleSheet.cssText = styleText; |
|
|
|
|
@ -528,6 +554,7 @@
|
|
|
|
|
|
|
|
|
|
Class.thisElemDate = that.elemID; |
|
|
|
|
|
|
|
|
|
that.renderAdditional() |
|
|
|
|
typeof options.ready === 'function' && options.ready(lay.extend({}, options.dateTime, { |
|
|
|
|
month: options.dateTime.month + 1 |
|
|
|
|
})); |
|
|
|
|
@ -828,7 +855,7 @@
|
|
|
|
|
mark = title || YMD[2]; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
mark && td.html('<span class="laydate-day-mark">'+ mark +'</span>'); |
|
|
|
|
mark && td.find('div').html('<span class="laydate-day-mark">'+ mark +'</span>'); |
|
|
|
|
|
|
|
|
|
return that; |
|
|
|
|
}; |
|
|
|
|
@ -844,7 +871,7 @@
|
|
|
|
|
lay.each(options.holidays, function(idx, item) { |
|
|
|
|
lay.each(item, function(i, dayStr) { |
|
|
|
|
if(dayStr === td.attr('lay-ymd')){ |
|
|
|
|
td.html('<span class="laydate-day-holidays"' + ( |
|
|
|
|
td.find('div').html('<span class="laydate-day-holidays"' + ( |
|
|
|
|
type[idx] ? ('type="'+ type[idx] +'"') : '' |
|
|
|
|
) + '>' + YMD[2] + '</span>'); |
|
|
|
|
} |
|
|
|
|
@ -855,7 +882,7 @@
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
//无效日期范围的标记
|
|
|
|
|
Class.prototype.limit = function(elem, date, index, time){ |
|
|
|
|
Class.prototype.limit = function(elem, date, index, time, type){ |
|
|
|
|
var that = this |
|
|
|
|
,options = that.config, timestrap = {} |
|
|
|
|
,dateTime = index > (time ? 0 : 41) ? that.endDate : options.dateTime |
|
|
|
|
@ -868,8 +895,8 @@
|
|
|
|
|
}, function(key, item){ |
|
|
|
|
timestrap[key] = that.newDate(lay.extend({ |
|
|
|
|
year: item.year |
|
|
|
|
,month: item.month |
|
|
|
|
,date: item.date |
|
|
|
|
,month: type === 'year' ? 0 : item.month // 年份的时候只比较年
|
|
|
|
|
,date: (type === 'year' || type === 'month') ? 1 : item.date // 年月只比较年月不与最大最小比日期
|
|
|
|
|
}, function(){ |
|
|
|
|
var hms = {}; |
|
|
|
|
lay.each(time, function(i, keys){ |
|
|
|
|
@ -938,7 +965,7 @@
|
|
|
|
|
} |
|
|
|
|
YMD[1]++; |
|
|
|
|
YMD[2] = st + 1; |
|
|
|
|
item.attr('lay-ymd', YMD.join('-')).html(YMD[2]); |
|
|
|
|
item.attr('lay-ymd', YMD.join('-')).html('<div>' + YMD[2] + '</div>'); |
|
|
|
|
that.mark(item, YMD).holidays(item, YMD).limit(item, { |
|
|
|
|
year: YMD[0] |
|
|
|
|
,month: YMD[1] - 1 |
|
|
|
|
@ -1053,7 +1080,7 @@
|
|
|
|
|
} |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
that.limit(lay(li), ymd, index); |
|
|
|
|
that.limit(lay(li), ymd, index, null, type); |
|
|
|
|
yearNum++; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
@ -1085,7 +1112,7 @@
|
|
|
|
|
} |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
that.limit(lay(li), ymd, index); |
|
|
|
|
that.limit(lay(li), ymd, index, null, type); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', listYM[0] + '-' + listYM[1]) |
|
|
|
|
@ -1376,7 +1403,18 @@
|
|
|
|
|
}); |
|
|
|
|
}, 300); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 附加的渲染处理，在ready和change的时候调用
|
|
|
|
|
Class.prototype.renderAdditional = function(){ |
|
|
|
|
var that = this; |
|
|
|
|
var options = that.config; |
|
|
|
|
|
|
|
|
|
// 处理全面板
|
|
|
|
|
if (options.fullPanel) { |
|
|
|
|
that.list('time', 0); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
//执行 done/change 回调
|
|
|
|
|
Class.prototype.done = function(param, type){ |
|
|
|
|
var that = this |
|
|
|
|
@ -1394,6 +1432,7 @@
|
|
|
|
|
that.preview(); |
|
|
|
|
|
|
|
|
|
param = param || [that.parse(), start, end]; |
|
|
|
|
type === 'change' && that.renderAdditional(); |
|
|
|
|
typeof options[type || 'done'] === 'function' && options[type || 'done'].apply(options, param); |
|
|
|
|
|
|
|
|
|
return that; |
|
|
|
|
@ -1670,24 +1709,31 @@
|
|
|
|
|
//绑定的元素事件处理
|
|
|
|
|
Class.prototype.events = function(){ |
|
|
|
|
var that = this |
|
|
|
|
,options = that.config |
|
|
|
|
var options = that.config |
|
|
|
|
|
|
|
|
|
//绑定呼出控件事件
|
|
|
|
|
,showEvent = function(elem, bind){ |
|
|
|
|
elem.on(options.trigger, function(){ |
|
|
|
|
//已经打开的面板避免重新渲染
|
|
|
|
|
if(laydate.thisId === options.id) return; |
|
|
|
|
bind && (that.bindElem = this); |
|
|
|
|
that.render(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
if(!options.elem[0] || options.elem[0].eventHandler) return; |
|
|
|
|
|
|
|
|
|
showEvent(options.elem, 'bind'); |
|
|
|
|
showEvent(options.eventElem); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var showEvent = function(){ |
|
|
|
|
// 已经打开的面板避免重新渲染
|
|
|
|
|
if(laydate.thisId === options.id) return; |
|
|
|
|
that.bindElem = this; |
|
|
|
|
that.render(); |
|
|
|
|
} |
|
|
|
|
//绑定呼出控件事件
|
|
|
|
|
options.elem.on(options.trigger, showEvent); |
|
|
|
|
options.elem[0].eventHandler = true; |
|
|
|
|
options.eventElem.on(options.trigger, showEvent); |
|
|
|
|
|
|
|
|
|
that.destroy = function () { |
|
|
|
|
that.remove(); |
|
|
|
|
options.elem.off(options.trigger, showEvent); |
|
|
|
|
options.elem.removeAttr('lay-key'); |
|
|
|
|
options.elem[0].eventHandler = false; |
|
|
|
|
options.eventElem.off(options.trigger, showEvent); |
|
|
|
|
options.eventElem.removeAttr('lay-key'); |
|
|
|
|
|
|
|
|
|
delete thisModule.that[options.id]; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
//记录所有实例
|
|
|
|
|
@ -1752,7 +1798,15 @@
|
|
|
|
|
var inst = new Class(options); |
|
|
|
|
return thisModule.call(inst); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 获取
|
|
|
|
|
laydate.getInst = function (key) { |
|
|
|
|
var that = thisModule.getThis(key); |
|
|
|
|
if (that) { |
|
|
|
|
return that.inst; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//将指定对象转化为日期值
|
|
|
|
|
laydate.parse = function(dateTime, format, one){ |
|
|
|
|
dateTime = dateTime || {}; |
|
|
|
|
@ -1802,7 +1856,14 @@
|
|
|
|
|
if(!that) return; |
|
|
|
|
return that.remove(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 销毁实例
|
|
|
|
|
laydate.destroy = function(id){ |
|
|
|
|
var that = thisModule.getThis(id || laydate.thisId); |
|
|
|
|
if(!that) return; |
|
|
|
|
return that.destroy(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
//加载方式
|
|
|
|
|
isLayui ? ( |
|
|
|
|
laydate.ready() |
|
|
|
|
|
贤心
2 years ago
committed by