/**
@Name : layDate 5.0.9 日期时间控件
@Author: 贤心
@Site:http://www.layui.com/laydate/
@License:MIT
*/
;!function () {
'use strict';
var isLayui = window.layui && layui.define, ready = {
getPath: function () {
var jsPath = document.currentScript ? document.currentScript.src : function () {
var js = document.scripts
, last = js.length - 1
, src;
for (var i = last; i > 0; i--) {
if (js[i].readyState === 'interactive') {
src = js[i].src;
break;
}
}
return src || js[last].src;
}();
return jsPath.substring(0, jsPath.lastIndexOf('/') + 1);
}()
//获取节点的style属性值
, getStyle: function (node, name) {
var style = node.currentStyle ? node.currentStyle : window.getComputedStyle(node, null);
return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name);
}
//载入CSS配件
, link: function (href, fn, cssname) {
//未设置路径,则不主动加载css
if (!laydate.path) {
return;
}
var head = document.getElementsByTagName('head')[0],
link = document.createElement('link');
if (typeof fn === 'string') {
cssname = fn;
}
var app = (cssname || href).replace(/\.|\//g, '');
var id = 'layuicss-' + app, timeout = 0;
link.rel = 'stylesheet';
link.href = laydate.path + href;
link.id = id;
if (!document.getElementById(id)) {
head.appendChild(link);
}
if (typeof fn !== 'function') {
return;
}
//轮询css是否加载完毕
(function poll() {
if (++timeout > 8 * 1000 / 100) {
return window.console && console.error('laydate.css: Invalid');
}
;
parseInt(ready.getStyle(document.getElementById(id), 'width')) === 1989 ? fn() : setTimeout(poll, 100);
}());
}
}
, laydate = {
v: '5.0.9'
, config: {} //全局配置项
, index: (window.laydate && window.laydate.v) ? 100000 : 0
, path: ready.getPath
//设置全局项
, set: function (options) {
var that = this;
that.config = lay.extend({}, that.config, options);
return that;
}
//主体CSS等待事件
, ready: function (fn) {
var cssname = 'laydate', ver = ''
,
path = (isLayui ? 'modules/laydate/' : 'theme/') + 'default/laydate.css?v=' + laydate.v + ver;
isLayui ? layui.addcss(path, fn, cssname) : ready.link(path, fn, cssname);
return this;
}
}
//操作当前实例
, thisDate = function () {
var that = this;
return {
//提示框
hint: function (content) {
that.hint.call(that, content);
}
, config: that.config
};
}
//字符常量
, MOD_NAME = 'laydate', ELEM = '.layui-laydate', THIS = 'layui-this',
SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'laydate-disabled',
TIPS_OUT = '开始日期超出了结束日期
建议重新选择', LIMIT_YEAR = [100, 200000]
, ELEM_STATIC = 'layui-laydate-static', ELEM_LIST = 'layui-laydate-list',
ELEM_SELECTED = 'laydate-selected', ELEM_HINT = 'layui-laydate-hint',
ELEM_PREV = 'laydate-day-prev', ELEM_NEXT = 'laydate-day-next',
ELEM_FOOTER = 'layui-laydate-footer',
ELEM_CONFIRM = '.laydate-btns-confirm',
ELEM_TIME_TEXT = 'laydate-time-text', ELEM_TIME_BTN = '.laydate-btns-time'
//组件构造器
, Class = function (options) {
var that = this;
that.index = ++laydate.index;
that.config = lay.extend({}, that.config, laydate.config, options);
laydate.ready(function () {
that.init();
});
}
//DOM查找
, lay = function (selector) {
return new LAY(selector);
}
//DOM构造器
, LAY = function (selector) {
var index = 0
, nativeDOM = typeof selector === 'object' ? [selector] : (
this.selector = selector
, document.querySelectorAll(selector || null)
);
for (; index < nativeDOM.length; index++) {
this.push(nativeDOM[index]);
}
};
/*
lay对象操作
*/
LAY.prototype = [];
LAY.prototype.constructor = LAY;
//普通对象深度扩展
lay.extend = function () {
var ai = 1, args = arguments
, clone = function (target, obj) {
target = target || (obj.constructor === Array ? [] : {});
for (var i in obj) {
//如果值为对象,则进入递归,继续深度合并
target[i] = (obj[i] && (obj[i].constructor === Object))
? clone(target[i], obj[i])
: obj[i];
}
return target;
};
args[0] = typeof args[0] === 'object' ? args[0] : {};
for (; ai < args.length; ai++) {
if (typeof args[ai] === 'object') {
clone(args[0], args[ai]);
}
}
return args[0];
};
//ie版本
lay.ie = function () {
var agent = navigator.userAgent.toLowerCase();
return (!!window.ActiveXObject || 'ActiveXObject' in window) ? (
(agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识
) : false;
}();
//中止冒泡
lay.stope = function (e) {
e = e || window.event;
e.stopPropagation
? e.stopPropagation()
: e.cancelBubble = true;
};
//对象遍历
lay.each = function (obj, fn) {
var key
, that = this;
if (typeof fn !== 'function') {
return that;
}
obj = obj || [];
if (obj.constructor === Object) {
for (key in obj) {
if (fn.call(obj[key], key, obj[key])) {
break;
}
}
} else {
for (key = 0; key < obj.length; key++) {
if (fn.call(obj[key], key, obj[key])) {
break;
}
}
}
return that;
};
//数字前置补零
lay.digit = function (num, length, end) {
var str = '';
num = String(num);
length = length || 2;
for (var i = num.length; i < length; i++) {
str += '0';
}
return num < Math.pow(10, length) ? str + (num | 0) : num;
};
//创建元素
lay.elem = function (elemName, attr) {
var elem = document.createElement(elemName);
lay.each(attr || {}, function (key, value) {
elem.setAttribute(key, value);
});
return elem;
};
//追加字符
LAY.addStr = function (str, new_str) {
str = str.replace(/\s+/, ' ');
new_str = new_str.replace(/\s+/, ' ').split(' ');
lay.each(new_str, function (ii, item) {
if (!new RegExp('\\b' + item + '\\b').test(str)) {
str = str + ' ' + item;
}
});
return str.replace(/^\s|\s$/, '');
};
//移除值
LAY.removeStr = function (str, new_str) {
str = str.replace(/\s+/, ' ');
new_str = new_str.replace(/\s+/, ' ').split(' ');
lay.each(new_str, function (ii, item) {
var exp = new RegExp('\\b' + item + '\\b');
if (exp.test(str)) {
str = str.replace(exp, '');
}
});
return str.replace(/\s+/, ' ').replace(/^\s|\s$/, '');
};
//查找子元素
LAY.prototype.find = function (selector) {
var that = this;
var index = 0, arr = []
, isObject = typeof selector === 'object';
this.each(function (i, item) {
var nativeDOM = isObject ? [selector] : item.querySelectorAll(selector || null);
for (; index < nativeDOM.length; index++) {
arr.push(nativeDOM[index]);
}
that.shift();
});
if (!isObject) {
that.selector = (that.selector ? that.selector + ' ' : '') + selector;
}
lay.each(arr, function (i, item) {
that.push(item);
});
return that;
};
//DOM遍历
LAY.prototype.each = function (fn) {
return lay.each.call(this, this, fn);
};
//添加css类
LAY.prototype.addClass = function (className, type) {
return this.each(function (index, item) {
item.className = LAY[type ? 'removeStr' : 'addStr'](item.className, className);
});
};
//移除css类
LAY.prototype.removeClass = function (className) {
return this.addClass(className, true);
};
//是否包含css类
LAY.prototype.hasClass = function (className) {
var has = false;
this.each(function (index, item) {
if (new RegExp('\\b' + className + '\\b').test(item.className)) {
has = true;
}
});
return has;
};
//添加或获取属性
LAY.prototype.attr = function (key, value) {
var that = this;
return value === undefined ? function () {
if (that.length > 0) {
return that[0].getAttribute(key);
}
}() : that.each(function (index, item) {
item.setAttribute(key, value);
});
};
//移除属性
LAY.prototype.removeAttr = function (key) {
return this.each(function (index, item) {
item.removeAttribute(key);
});
};
//设置HTML内容
LAY.prototype.html = function (html) {
return this.each(function (index, item) {
item.innerHTML = html;
});
};
//设置值
LAY.prototype.val = function (value) {
return this.each(function (index, item) {
item.value = value;
});
};
//追加内容
LAY.prototype.append = function (elem) {
return this.each(function (index, item) {
typeof elem === 'object'
? item.appendChild(elem)
: item.innerHTML = item.innerHTML + elem;
});
};
//移除内容
LAY.prototype.remove = function (elem) {
return this.each(function (index, item) {
elem ? item.removeChild(elem) : item.parentNode.removeChild(item);
});
};
//事件绑定
LAY.prototype.on = function (eventName, fn) {
return this.each(function (index, item) {
item.attachEvent ? item.attachEvent('on' + eventName, function (e) {
e.target = e.srcElement;
fn.call(item, e);
}) : item.addEventListener(eventName, fn, false);
});
};
//解除事件
LAY.prototype.off = function (eventName, fn) {
return this.each(function (index, item) {
item.detachEvent
? item.detachEvent('on' + eventName, fn)
: item.removeEventListener(eventName, fn, false);
});
};
/*
组件操作
*/
//是否闰年
Class.isLeapYear = function (year) {
return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
};
//默认配置
Class.prototype.config = {
type: 'date' //控件类型,支持:year/month/date/time/datetime
, range: false //是否开启范围选择,即双控件
, format: 'yyyy-MM-dd' //默认日期格式
, value: null //默认日期,支持传入new Date(),或者符合format参数设定的日期格式字符
, min: '1900-1-1' //有效最小日期,年月日必须用“-”分割,时分秒必须用“:”分割。注意:它并不是遵循 format 设定的格式。
, max: '2099-12-31' //有效最大日期,同上
, trigger: 'focus' //呼出控件的事件
, show: false //是否直接显示,如果设置true,则默认直接显示控件
, showBottom: true //是否显示底部栏
, btns: ['clear', 'now', 'confirm'] //右下角显示的按钮,会按照数组顺序排列
, lang: 'cn' //语言,只支持cn/en,即中文和英文
, theme: 'default' //主题
, position: null //控件定位方式定位, 默认absolute,支持:fixed/absolute/static
, calendar: false //是否开启公历重要节日,仅支持中文版
, mark: {} //日期备注,如重要事件或活动标记
, zIndex: null //控件层叠顺序
, done: null //控件选择完毕后的回调,点击清空/现在/确定也均会触发
, change: null //日期时间改变后的回调
};
//多语言
Class.prototype.lang = function () {
var that = this
, options = that.config
, text = {
cn: {
weeks: ['日', '一', '二', '三', '四', '五', '六']
, time: ['时', '分', '秒']
, timeTips: '选择时间'
, startTime: '开始时间'
, endTime: '结束时间'
, dateTips: '返回日期'
, month: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二']
, tools: {
confirm: '确定'
, clear: '清空'
, now: '现在'
}
}
, en: {
weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
,
time: ['Hours', 'Minutes', 'Seconds']
,
timeTips: 'Select Time'
,
startTime: 'Start Time'
,
endTime: 'End Time'
,
dateTips: 'Select Date'
,
month: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
,
tools: {
confirm: 'Confirm'
, clear: 'Clear'
, now: 'Now'
}
}
};
return text[options.lang] || text['cn'];
};
//初始准备
Class.prototype.init = function () {
var that = this
, options = that.config
, dateType = 'yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s'
, isStatic = options.position === 'static'
, format = {
year: 'yyyy'
, month: 'yyyy-MM'
, date: 'yyyy-MM-dd'
, time: 'HH:mm:ss'
, datetime: 'yyyy-MM-dd HH:mm:ss'
};
options.elem = lay(options.elem);
options.eventElem = lay(options.eventElem);
if (!options.elem[0]) {
return;
}
//日期范围分隔符
if (options.range === true) {
options.range = '-';
}
//根据不同type,初始化默认format
if (options.format === format.date) {
options.format = format[options.type];
}
//将日期格式转化成数组
that.format = options.format.match(new RegExp(dateType + '|.', 'g')) || [];
//生成正则表达式
that.EXP_IF = '';
that.EXP_SPLIT = '';
lay.each(that.format, function (i, item) {
var EXP = new RegExp(dateType).test(item)
? '\\d{' + function () {
if (new RegExp(dateType).test(that.format[i === 0 ? i + 1 : i - 1] || '')) {
if (/^yyyy|y$/.test(item)) {
return 4;
}
return item.length;
}
if (/^yyyy$/.test(item)) {
return '1,4';
}
if (/^y$/.test(item)) {
return '1,308';
}
return '1,2';
}() + '}'
: '\\' + item;
that.EXP_IF = that.EXP_IF + EXP;
that.EXP_SPLIT = that.EXP_SPLIT + '(' + EXP + ')';
});
that.EXP_IF = new RegExp('^' + (
options.range ?
that.EXP_IF + '\\s\\' + options.range + '\\s' + that.EXP_IF
: that.EXP_IF
) + '$');
that.EXP_SPLIT = new RegExp('^' + that.EXP_SPLIT + '$', '');
//如果不是input|textarea元素,则默认采用click事件
if (!that.isInput(options.elem[0])) {
if (options.trigger === 'focus') {
options.trigger = 'click';
}
}
//设置唯一KEY
if (!options.elem.attr('lay-key')) {
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': '元旦'
, '0-2-14': '情人'
, '0-3-8': '妇女'
, '0-3-12': '植树'
, '0-4-1': '愚人'
, '0-5-1': '劳动'
, '0-5-4': '青年'
, '0-6-1': '儿童'
, '0-9-10': '教师'
, '0-9-18': '国耻'
, '0-10-1': '国庆'
, '0-12-25': '圣诞'
} : {}, options.mark);
//获取限制内日期
lay.each(['min', 'max'], function (i, item) {
var ymd = [], hms = [];
if (typeof options[item] === 'number') { //如果为数字
var day = options[item]
, time = new Date().getTime()
, STAMP = 86400000 //代表一天的时间戳
, thisDate = new Date(
day ? (
day < STAMP ? time + day * STAMP : day //如果数字小于一天的时间戳,则数字为天数,否则为时间戳
) : time
);
ymd = [thisDate.getFullYear(), thisDate.getMonth() + 1, thisDate.getDate()];
day < STAMP || (hms = [thisDate.getHours(), thisDate.getMinutes(), thisDate.getSeconds()]);
} else {
ymd = (options[item].match(/\d+-\d+-\d+/) || [''])[0].split('-');
hms = (options[item].match(/\d+:\d+:\d+/) || [''])[0].split(':');
}
options[item] = {
year: ymd[0] | 0 || new Date().getFullYear()
, month: ymd[1] ? (ymd[1] | 0) - 1 : new Date().getMonth()
, date: ymd[2] | 0 || new Date().getDate()
, hours: hms[0] | 0
, minutes: hms[1] | 0
, seconds: hms[2] | 0
};
});
that.elemID = 'layui-laydate' + options.elem.attr('lay-key');
if (options.show || isStatic) {
that.render();
}
isStatic || that.events();
//默认赋值
if (options.value) {
if (options.value.constructor === Date) {
that.setValue(that.parse(0, that.systemDate(options.value)));
} else {
that.setValue(options.value);
}
}
};
//控件主体渲染
Class.prototype.render = function () {
var that = this
, options = that.config
, lang = that.lang()
, isStatic = options.position === 'static'
//主面板
, elem = that.elem = lay.elem('div', {
id: that.elemID
, 'class': [
'layui-laydate'
, options.range ? ' layui-laydate-range' : ''
, isStatic ? (' ' + ELEM_STATIC) : ''
, options.theme && options.theme !== 'default' && !/^#/.test(options.theme) ? (' laydate-theme-' + options.theme) : ''
].join('')
})
//主区域
, elemMain = that.elemMain = []
, elemHeader = that.elemHeader = []
, elemCont = that.elemCont = []
, elemTable = that.table = []
//底部区域
, divFooter = that.footer = lay.elem('div', {
'class': ELEM_FOOTER
});
if (options.zIndex) {
elem.style.zIndex = options.zIndex;
}
//单双日历区域
lay.each(new Array(2), function (i) {
if (!options.range && i > 0) {
return true;
}
//头部区域
var divHeader = lay.elem('div', {
'class': 'layui-laydate-header'
})
//左右切换
, headerChild = [function () { //上一年
var elem = lay.elem('i', {
'class': 'layui-icon laydate-icon laydate-prev-y'
});
elem.innerHTML = '';
return elem;
}(), function () { //上一月
var elem = lay.elem('i', {
'class': 'layui-icon laydate-icon laydate-prev-m'
});
elem.innerHTML = '';
return elem;
}(), function () { //年月选择
var elem = lay.elem('div', {
'class': 'laydate-set-ym'
}), spanY = lay.elem('span'), spanM = lay.elem('span');
elem.appendChild(spanY);
elem.appendChild(spanM);
return elem;
}(), function () { //下一月
var elem = lay.elem('i', {
'class': 'layui-icon laydate-icon laydate-next-m'
});
elem.innerHTML = '';
return elem;
}(), function () { //下一年
var elem = lay.elem('i', {
'class': 'layui-icon laydate-icon laydate-next-y'
});
elem.innerHTML = '';
return elem;
}()]
//日历内容区域
, divContent = lay.elem('div', {
'class': 'layui-laydate-content'
})
, table = lay.elem('table')
, thead = lay.elem('thead'), theadTr = lay.elem('tr');
//生成年月选择
lay.each(headerChild, function (i, item) {
divHeader.appendChild(item);
});
//生成表格
thead.appendChild(theadTr);
lay.each(new Array(6), function (i) { //表体
var tr = table.insertRow(0);
lay.each(new Array(7), function (j) {
if (i === 0) {
var th = lay.elem('th');
th.innerHTML = lang.weeks[j];
theadTr.appendChild(th);
}
tr.insertCell(j);
});
});
table.insertBefore(thead, table.children[0]); //表头
divContent.appendChild(table);
elemMain[i] = lay.elem('div', {
'class': 'layui-laydate-main laydate-main-list-' + i
});
elemMain[i].appendChild(divHeader);
elemMain[i].appendChild(divContent);
elemHeader.push(headerChild);
elemCont.push(divContent);
elemTable.push(table);
});
//生成底部栏
lay(divFooter).html(function () {
var html = [], btns = [];
if (options.type === 'datetime') {
html.push('' + lang.timeTips + '');
}
lay.each(options.btns, function (i, item) {
var title = lang.tools[item] || 'btn';
if (options.range && item === 'now') {
return;
}
if (isStatic && item === 'clear') {
title = options.lang === 'cn' ? '重置' : 'Reset';
}
btns.push('' + title + '');
});
html.push('
');
return html.join('');
}());
//插入到主区域
lay.each(elemMain, function (i, main) {
elem.appendChild(main);
});
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);
if ('styleSheet' in style) {
style.setAttribute('type', 'text/css');
style.styleSheet.cssText = styleText;
} else {
style.innerHTML = styleText;
}
lay(elem).addClass('laydate-theme-molv');
elem.appendChild(style);
}
//移除上一个控件
that.remove(Class.thisElemDate);
//如果是静态定位,则插入到指定的容器中,否则,插入到body
isStatic ? options.elem.append(elem) : (
document.body.appendChild(elem)
, that.position() //定位
);
that.checkDate().calendar(); //初始校验
that.changeEvent(); //日期切换
Class.thisElemDate = that.elemID;
typeof options.ready === 'function' && options.ready(lay.extend({}, options.dateTime, {
month: options.dateTime.month + 1
}));
};
//控件移除
Class.prototype.remove = function (prev) {
var that = this
, options = that.config
, elem = lay('#' + (prev || that.elemID));
if (!elem.hasClass(ELEM_STATIC)) {
that.checkDate(function () {
elem.remove();
});
}
return that;
};
//定位算法
Class.prototype.position = function () {
var that = this
, options = that.config
, elem = that.bindElem || options.elem[0]
, rect = elem.getBoundingClientRect() //绑定元素的坐标
, elemWidth = that.elem.offsetWidth //控件的宽度
, elemHeight = that.elem.offsetHeight //控件的高度
//滚动条高度
, scrollArea = function (type) {
type = type ? 'scrollLeft' : 'scrollTop';
return document.body[type] | document.documentElement[type];
}
, winArea = function (type) {
return document.documentElement[type ? 'clientWidth' : 'clientHeight'];
}, margin = 5, left = rect.left, top = rect.bottom;
//如果右侧超出边界
if (left + elemWidth + margin > winArea('width')) {
left = winArea('width') - elemWidth - margin;
}
//如果底部超出边界
if (top + elemHeight + margin > winArea()) {
top = rect.top > elemHeight //顶部是否有足够区域显示完全
? rect.top - elemHeight
: winArea() - elemHeight;
top = top - margin * 2;
}
if (options.position) {
that.elem.style.position = options.position;
}
that.elem.style.left = left + (options.position === 'fixed' ? 0 : scrollArea(1)) + 'px';
that.elem.style.top = top + (options.position === 'fixed' ? 0 : scrollArea()) + 'px';
};
//提示
Class.prototype.hint = function (content) {
var that = this
, options = that.config
, div = lay.elem('div', {
'class': ELEM_HINT
});
div.innerHTML = content || '';
lay(that.elem).find('.' + ELEM_HINT).remove();
that.elem.appendChild(div);
clearTimeout(that.hinTimer);
that.hinTimer = setTimeout(function () {
lay(that.elem).find('.' + ELEM_HINT).remove();
}, 3000);
};
//获取递增/减后的年月
Class.prototype.getAsYM = function (Y, M, type) {
type ? M-- : M++;
if (M < 0) {
M = 11;
Y--;
}
if (M > 11) {
M = 0;
Y++;
}
return [Y, M];
};
//系统消息
Class.prototype.systemDate = function (newDate) {
var thisDate = newDate || new Date();
return {
year: thisDate.getFullYear() //年
, month: thisDate.getMonth() //月
, date: thisDate.getDate() //日
, hours: newDate ? newDate.getHours() : 0 //时
, minutes: newDate ? newDate.getMinutes() : 0 //分
, seconds: newDate ? newDate.getSeconds() : 0 //秒
};
};
//日期校验
Class.prototype.checkDate = function (fn) {
var that = this
, thisDate = new Date()
, options = that.config
, dateTime = options.dateTime = options.dateTime || that.systemDate()
, thisMaxDate, error
, elem = that.bindElem || options.elem[0]
, valType = that.isInput(elem) ? 'val' : 'html'
,
value = that.isInput(elem) ? elem.value : (options.position === 'static' ? '' : elem.innerHTML)
//校验日期有效数字
, checkValid = function (dateTime) {
if (dateTime.year > LIMIT_YEAR[1]) {
dateTime.year = LIMIT_YEAR[1], error = true;
} //不能超过20万年
if (dateTime.month > 11) {
dateTime.month = 11, error = true;
}
if (dateTime.hours > 23) {
dateTime.hours = 0, error = true;
}
if (dateTime.minutes > 59) {
dateTime.minutes = 0, dateTime.hours++, error = true;
}
if (dateTime.seconds > 59) {
dateTime.seconds = 0, dateTime.minutes++, error = true;
}
//计算当前月的最后一天
thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year);
if (dateTime.date > thisMaxDate) {
dateTime.date = thisMaxDate, error = true;
}
}
//获得初始化日期值
, initDate = function (dateTime, value, index) {
var startEnd = ['startTime', 'endTime'];
value = (value.match(that.EXP_SPLIT) || []).slice(1);
index = index || 0;
if (options.range) {
that[startEnd[index]] = that[startEnd[index]] || {};
}
lay.each(that.format, function (i, item) {
var thisv = parseFloat(value[i]);
if (value[i].length < item.length) {
error = true;
}
if (/yyyy|y/.test(item)) { //年
if (thisv < LIMIT_YEAR[0]) {
thisv = LIMIT_YEAR[0], error = true;
} //年不能低于100年
dateTime.year = thisv;
} else if (/MM|M/.test(item)) { //月
if (thisv < 1) {
thisv = 1, error = true;
}
dateTime.month = thisv - 1;
} else if (/dd|d/.test(item)) { //日
if (thisv < 1) {
thisv = 1, error = true;
}
dateTime.date = thisv;
} else if (/HH|H/.test(item)) { //时
if (thisv < 1) {
thisv = 0, error = true;
}
dateTime.hours = thisv;
options.range && (that[startEnd[index]].hours = thisv);
} else if (/mm|m/.test(item)) { //分
if (thisv < 1) {
thisv = 0, error = true;
}
dateTime.minutes = thisv;
options.range && (that[startEnd[index]].minutes = thisv);
} else if (/ss|s/.test(item)) { //秒
if (thisv < 1) {
thisv = 0, error = true;
}
dateTime.seconds = thisv;
options.range && (that[startEnd[index]].seconds = thisv);
}
});
checkValid(dateTime);
};
if (fn === 'limit') {
return checkValid(dateTime), that;
}
value = value || options.value;
if (typeof value === 'string') {
value = value.replace(/\s+/g, ' ').replace(/^\s|\s$/g, '');
}
//如果点击了开始,单未选择结束就关闭,则重新选择开始
if (that.startState && !that.endState) {
delete that.startState;
that.endState = true;
}
;
if (typeof value === 'string' && value) {
if (that.EXP_IF.test(value)) { //校验日期格式
if (options.range) {
value = value.split(' ' + options.range + ' ');
that.startDate = that.startDate || that.systemDate();
that.endDate = that.endDate || that.systemDate();
options.dateTime = lay.extend({}, that.startDate);
lay.each([that.startDate, that.endDate], function (i, item) {
initDate(item, value[i], i);
});
} else {
initDate(dateTime, value);
}
} else {
that.hint('日期格式不合法
必须遵循下述格式:
' + (
options.range ? (options.format + ' ' + options.range + ' ' + options.format) : options.format
) + '
已为你重置');
error = true;
}
} else if (value && value.constructor === Date) { //如果值为日期对象时
options.dateTime = that.systemDate(value);
} else {
options.dateTime = that.systemDate();
delete that.startState;
delete that.endState;
delete that.startDate;
delete that.endDate;
delete that.startTime;
delete that.endTime;
}
checkValid(dateTime);
if (error && value) {
that.setValue(
options.range ? (that.endDate ? that.parse() : '') : that.parse()
);
}
fn && fn();
return that;
};
//公历重要日期与自定义备注
Class.prototype.mark = function (td, YMD) {
var that = this
, mark, options = that.config;
lay.each(options.mark, function (key, title) {
var keys = key.split('-');
if ((keys[0] == YMD[0] || keys[0] == 0) //每年的每月
&& (keys[1] == YMD[1] || keys[1] == 0) //每月的每日
&& keys[2] == YMD[2]) { //特定日
mark = title || YMD[2];
}
});
mark && td.html('' + mark + '');
return that;
};
//无效日期范围的标记
Class.prototype.limit = function (elem, date, index, time) {
var that = this
, options = that.config, timestrap = {}
, dateTime = options[index > 41 ? 'endDate' : 'dateTime']
, isOut, thisDateTime = lay.extend({}, dateTime, date || {});
lay.each({
now: thisDateTime
, min: options.min
, max: options.max
}, function (key, item) {
timestrap[key] = that.newDate(lay.extend({
year: item.year
, month: item.month
, date: item.date
}, function () {
var hms = {};
lay.each(time, function (i, keys) {
hms[keys] = item[keys];
});
return hms;
}())).getTime(); //time:是否比较时分秒
});
isOut = timestrap.now < timestrap.min || timestrap.now > timestrap.max;
elem && elem[isOut ? 'addClass' : 'removeClass'](DISABLED);
return isOut;
};
//日历表
Class.prototype.calendar = function (value) {
var that = this
, options = that.config
, dateTime = value || options.dateTime
, thisDate = new Date(), startWeek, prevMaxDate, thisMaxDate
, lang = that.lang()
, isAlone = options.type !== 'date' && options.type !== 'datetime'
, index = value ? 1 : 0
, tds = lay(that.table[index]).find('td')
, elemYM = lay(that.elemHeader[index][2]).find('span');
if (dateTime.year < LIMIT_YEAR[0]) {
dateTime.year = LIMIT_YEAR[0], that.hint('最低只能支持到公元' + LIMIT_YEAR[0] + '年');
}
if (dateTime.year > LIMIT_YEAR[1]) {
dateTime.year = LIMIT_YEAR[1], that.hint('最高只能支持到公元' + LIMIT_YEAR[1] + '年');
}
//记录初始值
if (!that.firstDate) {
that.firstDate = lay.extend({}, dateTime);
}
//计算当前月第一天的星期
thisDate.setFullYear(dateTime.year, dateTime.month, 1);
startWeek = thisDate.getDay();
prevMaxDate = laydate.getEndDate(dateTime.month || 12, dateTime.year); //计算上个月的最后一天
thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year); //计算当前月的最后一天
//赋值日
lay.each(tds, function (index, item) {
var YMD = [dateTime.year, dateTime.month], st = 0;
item = lay(item);
item.removeAttr('class');
if (index < startWeek) {
st = prevMaxDate - startWeek + index;
item.addClass('laydate-day-prev');
YMD = that.getAsYM(dateTime.year, dateTime.month, 'sub');
} else if (index >= startWeek && index < thisMaxDate + startWeek) {
st = index - startWeek;
if (!options.range) {
st + 1 === dateTime.date && item.addClass(THIS);
}
} else {
st = index - thisMaxDate - startWeek;
item.addClass('laydate-day-next');
YMD = that.getAsYM(dateTime.year, dateTime.month);
}
YMD[1]++;
YMD[2] = st + 1;
item.attr('lay-ymd', YMD.join('-')).html(YMD[2]);
that.mark(item, YMD).limit(item, {
year: YMD[0]
, month: YMD[1] - 1
, date: YMD[2]
}, index);
});
//同步头部年月
lay(elemYM[0]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1));
lay(elemYM[1]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1));
if (options.lang === 'cn') {
lay(elemYM[0]).attr('lay-type', 'year').html(dateTime.year + '年');
lay(elemYM[1]).attr('lay-type', 'month').html((dateTime.month + 1) + '月');
} else {
lay(elemYM[0]).attr('lay-type', 'month').html(lang.month[dateTime.month]);
lay(elemYM[1]).attr('lay-type', 'year').html(dateTime.year);
}
//初始默认选择器
if (isAlone) {
if (options.range) {
value ? that.endDate = (that.endDate || {
year: dateTime.year + (options.type === 'year' ? 1 : 0)
, month: dateTime.month + (options.type === 'month' ? 0 : -1)
}) : (that.startDate = that.startDate || {
year: dateTime.year
, month: dateTime.month
});
if (value) {
that.listYM = [
[that.startDate.year, that.startDate.month + 1]
, [that.endDate.year, that.endDate.month + 1]
];
that.list(options.type, 0).list(options.type, 1);
//同步按钮可点状态
options.type === 'time' ? that.setBtnStatus('时间'
, lay.extend({}, that.systemDate(), that.startTime)
, lay.extend({}, that.systemDate(), that.endTime)
) : that.setBtnStatus(true);
}
}
if (!options.range) {
that.listYM = [[dateTime.year, dateTime.month + 1]];
that.list(options.type, 0);
}
}
//赋值双日历
if (options.range && !value) {
var EYM = that.getAsYM(dateTime.year, dateTime.month);
that.calendar(lay.extend({}, dateTime, {
year: EYM[0]
, month: EYM[1]
}));
}
//通过检测当前有效日期,来设定确定按钮是否可点
if (!options.range) {
that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0, ['hours', 'minutes', 'seconds']);
}
//标记选择范围
if (options.range && value && !isAlone) {
that.stampRange();
}
return that;
};
//生成年月时分秒列表
Class.prototype.list = function (type, index) {
var that = this
, options = that.config
, dateTime = options.dateTime
, lang = that.lang()
,
isAlone = options.range && options.type !== 'date' && options.type !== 'datetime' //独立范围选择器
, ul = lay.elem('ul', {
'class': ELEM_LIST + ' ' + ({
year: 'laydate-year-list'
, month: 'laydate-month-list'
, time: 'laydate-time-list'
})[type]
})
, elemHeader = that.elemHeader[index]
, elemYM = lay(elemHeader[2]).find('span')
, elemCont = that.elemCont[index || 0]
, haveList = lay(elemCont).find('.' + ELEM_LIST)[0]
, isCN = options.lang === 'cn'
, text = isCN ? '年' : ''
, listYM = that.listYM[index] || {}
, hms = ['hours', 'minutes', 'seconds']
, startEnd = ['startTime', 'endTime'][index];
if (listYM[0] < 1) {
listYM[0] = 1;
}
if (type === 'year') { //年列表
var yearNum, startY = yearNum = listYM[0] - 7;
if (startY < 1) {
startY = yearNum = 1;
}
lay.each(new Array(15), function (i) {
var li = lay.elem('li', {
'lay-ym': yearNum
}), ymd = { year: yearNum };
yearNum == listYM[0] && lay(li).addClass(THIS);
li.innerHTML = yearNum + text;
ul.appendChild(li);
if (yearNum < that.firstDate.year) {
ymd.month = options.min.month;
ymd.date = options.min.date;
} else if (yearNum >= that.firstDate.year) {
ymd.month = options.max.month;
ymd.date = options.max.date;
}
that.limit(lay(li), ymd, index);
yearNum++;
});
lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', (yearNum - 8) + '-' + listYM[1])
.html((startY + text) + ' - ' + (yearNum - 1 + text));
} else if (type === 'month') { //月列表
lay.each(new Array(12), function (i) {
var li = lay.elem('li', {
'lay-ym': i
}), ymd = { year: listYM[0], month: i };
i + 1 == listYM[1] && lay(li).addClass(THIS);
li.innerHTML = lang.month[i] + (isCN ? '月' : '');
ul.appendChild(li);
if (listYM[0] < that.firstDate.year) {
ymd.date = options.min.date;
} else if (listYM[0] >= that.firstDate.year) {
ymd.date = options.max.date;
}
that.limit(lay(li), ymd, index);
});
lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', listYM[0] + '-' + listYM[1])
.html(listYM[0] + text);
} else if (type === 'time') { //时间列表
//检测时分秒状态是否在有效日期时间范围内
var setTimeStatus = function () {
lay(ul).find('ol').each(function (i, ol) {
lay(ol).find('li').each(function (ii, li) {
that.limit(lay(li), [{
hours: ii
}, {
hours: that[startEnd].hours
, minutes: ii
}, {
hours: that[startEnd].hours
, minutes: that[startEnd].minutes
, seconds: ii
}][i], index, [['hours'], ['hours', 'minutes'], ['hours', 'minutes', 'seconds']][i]);
});
});
if (!options.range) {
that.limit(lay(that.footer).find(ELEM_CONFIRM), that[startEnd], 0, ['hours', 'minutes', 'seconds']);
}
};
if (options.range) {
if (!that[startEnd]) {
that[startEnd] = {
hours: 0
, minutes: 0
, seconds: 0
};
}
} else {
that[startEnd] = dateTime;
}
lay.each([24, 60, 60], function (i, item) {
var li = lay.elem('li'), childUL = ['' + lang.time[i] + '
'];
lay.each(new Array(item), function (ii) {
childUL.push('- ' + lay.digit(ii, 2) + '
');
});
li.innerHTML = childUL.join('') + '
';
ul.appendChild(li);
});
setTimeStatus();
}
//插入容器
if (haveList) {
elemCont.removeChild(haveList);
}
elemCont.appendChild(ul);
//年月
if (type === 'year' || type === 'month') {
//显示切换箭头
lay(that.elemMain[index]).addClass('laydate-ym-show');
//选中
lay(ul).find('li').on('click', function () {
var ym = lay(this).attr('lay-ym') | 0;
if (lay(this).hasClass(DISABLED)) {
return;
}
if (index === 0) {
dateTime[type] = ym;
if (isAlone) {
that.startDate[type] = ym;
}
that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0);
} else { //范围选择
if (isAlone) { //非date/datetime类型
that.endDate[type] = ym;
} else { //date/datetime类型
var YM = type === 'year'
? that.getAsYM(ym, listYM[1] - 1, 'sub')
: that.getAsYM(listYM[0], ym, 'sub');
lay.extend(dateTime, {
year: YM[0]
, month: YM[1]
});
}
}
if (options.type === 'year' || options.type === 'month') {
lay(ul).find('.' + THIS).removeClass(THIS);
lay(this).addClass(THIS);
//如果为年月选择器,点击了年列表,则切换到月选择器
if (options.type === 'month' && type === 'year') {
that.listYM[index][0] = ym;
isAlone && (that[['startDate', 'endDate'][index]].year = ym);
that.list('month', index);
}
} else {
that.checkDate('limit').calendar();
that.closeList();
}
that.setBtnStatus(); //同步按钮可点状态
options.range || that.done(null, 'change');
lay(that.footer).find(ELEM_TIME_BTN).removeClass(DISABLED);
});
} else {
var span = lay.elem('span', {
'class': ELEM_TIME_TEXT
}), scroll = function () { //滚动条定位
lay(ul).find('ol').each(function (i) {
var ol = this
, li = lay(ol).find('li');
ol.scrollTop = 30 * (that[startEnd][hms[i]] - 2);
if (ol.scrollTop <= 0) {
li.each(function (ii, item) {
if (!lay(this).hasClass(DISABLED)) {
ol.scrollTop = 30 * (ii - 2);
return true;
}
});
}
});
}, haveSpan = lay(elemHeader[2]).find('.' + ELEM_TIME_TEXT);
scroll();
span.innerHTML = options.range ? [lang.startTime, lang.endTime][index] : lang.timeTips;
lay(that.elemMain[index]).addClass('laydate-time-show');
if (haveSpan[0]) {
haveSpan.remove();
}
elemHeader[2].appendChild(span);
lay(ul).find('ol').each(function (i) {
var ol = this;
//选择时分秒
lay(ol).find('li').on('click', function () {
var value = this.innerHTML | 0;
if (lay(this).hasClass(DISABLED)) {
return;
}
if (options.range) {
that[startEnd][hms[i]] = value;
} else {
dateTime[hms[i]] = value;
}
lay(ol).find('.' + THIS).removeClass(THIS);
lay(this).addClass(THIS);
setTimeStatus();
scroll();
(that.endDate || options.type === 'time') && that.done(null, 'change');
//同步按钮可点状态
that.setBtnStatus();
});
});
}
return that;
};
//记录列表切换后的年月
Class.prototype.listYM = [];
//关闭列表
Class.prototype.closeList = function () {
var that = this
, options = that.config;
lay.each(that.elemCont, function (index, item) {
lay(this).find('.' + ELEM_LIST).remove();
lay(that.elemMain[index]).removeClass('laydate-ym-show laydate-time-show');
});
lay(that.elem).find('.' + ELEM_TIME_TEXT).remove();
};
//检测结束日期是否超出开始日期
Class.prototype.setBtnStatus = function (tips, start, end) {
var that = this
, options = that.config
, isOut, elemBtn = lay(that.footer).find(ELEM_CONFIRM)
,
isAlone = options.range && options.type !== 'date' && options.type !== 'time';
if (isAlone) {
start = start || that.startDate;
end = end || that.endDate;
isOut = that.newDate(start).getTime() > that.newDate(end).getTime();
//如果不在有效日期内,直接禁用按钮,否则比较开始和结束日期
(that.limit(null, start) || that.limit(null, end))
? elemBtn.addClass(DISABLED)
: elemBtn[isOut ? 'addClass' : 'removeClass'](DISABLED);
//是否异常提示
if (tips && isOut) {
that.hint(
typeof tips === 'string' ? TIPS_OUT.replace(/日期/g, tips) : TIPS_OUT
);
}
}
};
//转义为规定格式的日期字符
Class.prototype.parse = function (state, date) {
var that = this
, options = that.config
, dateTime = date || (state
? lay.extend({}, that.endDate, that.endTime)
: (options.range ? lay.extend({}, that.startDate, that.startTime) : options.dateTime))
, format = that.format.concat();
//转义为规定格式
lay.each(format, function (i, item) {
if (/yyyy|y/.test(item)) { //年
format[i] = lay.digit(dateTime.year, item.length);
} else if (/MM|M/.test(item)) { //月
format[i] = lay.digit(dateTime.month + 1, item.length);
} else if (/dd|d/.test(item)) { //日
format[i] = lay.digit(dateTime.date, item.length);
} else if (/HH|H/.test(item)) { //时
format[i] = lay.digit(dateTime.hours, item.length);
} else if (/mm|m/.test(item)) { //分
format[i] = lay.digit(dateTime.minutes, item.length);
} else if (/ss|s/.test(item)) { //秒
format[i] = lay.digit(dateTime.seconds, item.length);
}
});
//返回日期范围字符
if (options.range && !state) {
return format.join('') + ' ' + options.range + ' ' + that.parse(1);
}
return format.join('');
};
//创建指定日期时间对象
Class.prototype.newDate = function (dateTime) {
dateTime = dateTime || {};
return new Date(
dateTime.year || 1
, dateTime.month || 0
, dateTime.date || 1
, dateTime.hours || 0
, dateTime.minutes || 0
, dateTime.seconds || 0
);
};
//赋值
Class.prototype.setValue = function (value) {
var that = this
, options = that.config
, elem = that.bindElem || options.elem[0]
, valType = that.isInput(elem) ? 'val' : 'html';
options.position === 'static' || lay(elem)[valType](value || '');
return this;
};
//标记范围内的日期
Class.prototype.stampRange = function () {
var that = this
, options = that.config
, startTime, endTime
, tds = lay(that.elem).find('td');
if (options.range && !that.endDate) {
lay(that.footer).find(ELEM_CONFIRM).addClass(DISABLED);
}
if (!that.endDate) {
return;
}
startTime = that.newDate({
year: that.startDate.year
, month: that.startDate.month
, date: that.startDate.date
}).getTime();
endTime = that.newDate({
year: that.endDate.year
, month: that.endDate.month
, date: that.endDate.date
}).getTime();
if (startTime > endTime) {
return that.hint(TIPS_OUT);
}
lay.each(tds, function (i, item) {
var ymd = lay(item).attr('lay-ymd').split('-')
, thisTime = that.newDate({
year: ymd[0]
, month: ymd[1] - 1
, date: ymd[2]
}).getTime();
lay(item).removeClass(ELEM_SELECTED + ' ' + THIS);
if (thisTime === startTime || thisTime === endTime) {
lay(item).addClass(
lay(item).hasClass(ELEM_PREV) || lay(item).hasClass(ELEM_NEXT)
? ELEM_SELECTED
: THIS
);
}
if (thisTime > startTime && thisTime < endTime) {
lay(item).addClass(ELEM_SELECTED);
}
});
};
//执行done/change回调
Class.prototype.done = function (param, type) {
var that = this
, options = that.config
,
start = lay.extend({}, that.startDate ? lay.extend(that.startDate, that.startTime) : options.dateTime)
, end = lay.extend({}, lay.extend(that.endDate, that.endTime));
lay.each([start, end], function (i, item) {
if (!('month' in item)) {
return;
}
lay.extend(item, {
month: item.month + 1
});
});
param = param || [that.parse(), start, end];
typeof options[type || 'done'] === 'function' && options[type || 'done'].apply(options, param);
return that;
};
//选择日期
Class.prototype.choose = function (td) {
var that = this
, options = that.config
, dateTime = options.dateTime
, tds = lay(that.elem).find('td')
, YMD = td.attr('lay-ymd').split('-')
, setDateTime = function (one) {
var thisDate = new Date();
//同步dateTime
one && lay.extend(dateTime, YMD);
//记录开始日期
if (options.range) {
that.startDate ? lay.extend(that.startDate, YMD) : (
that.startDate = lay.extend({}, YMD, that.startTime)
);
that.startYMD = YMD;
}
};
YMD = {
year: YMD[0] | 0
, month: (YMD[1] | 0) - 1
, date: YMD[2] | 0
};
if (td.hasClass(DISABLED)) {
return;
}
//范围选择
if (options.range) {
lay.each(['startTime', 'endTime'], function (i, item) {
that[item] = that[item] || {
hours: 0
, minutes: 0
, seconds: 0
};
});
if (that.endState) { //重新选择
setDateTime();
delete that.endState;
delete that.endDate;
that.startState = true;
tds.removeClass(THIS + ' ' + ELEM_SELECTED);
td.addClass(THIS);
} else if (that.startState) { //选中截止
td.addClass(THIS);
that.endDate ? lay.extend(that.endDate, YMD) : (
that.endDate = lay.extend({}, YMD, that.endTime)
);
//判断是否顺时或逆时选择
if (that.newDate(YMD).getTime() < that.newDate(that.startYMD).getTime()) {
var startDate = lay.extend({}, that.endDate, {
hours: that.startDate.hours
, minutes: that.startDate.minutes
, seconds: that.startDate.seconds
});
lay.extend(that.endDate, that.startDate, {
hours: that.endDate.hours
, minutes: that.endDate.minutes
, seconds: that.endDate.seconds
});
that.startDate = startDate;
}
options.showBottom || that.done();
that.stampRange(); //标记范围内的日期
that.endState = true;
that.done(null, 'change');
} else { //选中开始
td.addClass(THIS);
setDateTime();
that.startState = true;
}
lay(that.footer).find(ELEM_CONFIRM)[that.endDate ? 'removeClass' : 'addClass'](DISABLED);
} else if (options.position === 'static') { //直接嵌套的选中
setDateTime(true);
that.calendar().done().done(null, 'change');
} else if (options.type === 'date') {
setDateTime(true);
that.setValue(that.parse()).remove().done();
} else if (options.type === 'datetime') {
setDateTime(true);
that.calendar().done(null, 'change');
}
};
//底部按钮
Class.prototype.tool = function (btn, type) {
var that = this
, options = that.config
, dateTime = options.dateTime
, isStatic = options.position === 'static'
, active = {
//选择时间
datetime: function () {
if (lay(btn).hasClass(DISABLED)) {
return;
}
that.list('time', 0);
options.range && that.list('time', 1);
lay(btn).attr('lay-type', 'date').html(that.lang().dateTips);
}
//选择日期
, date: function () {
that.closeList();
lay(btn).attr('lay-type', 'datetime').html(that.lang().timeTips);
}
//清空、重置
, clear: function () {
that.setValue('').remove();
isStatic && (
lay.extend(dateTime, that.firstDate)
, that.calendar()
);
options.range && (
delete that.startState
, delete that.endState
, delete that.endDate
, delete that.startTime
, delete that.endTime
);
that.done(['', {}, {}]);
}
//现在
, now: function () {
var thisDate = new Date();
lay.extend(dateTime, that.systemDate(), {
hours: thisDate.getHours()
, minutes: thisDate.getMinutes()
, seconds: thisDate.getSeconds()
});
that.setValue(that.parse()).remove();
isStatic && that.calendar();
that.done();
}
//确定
, confirm: function () {
if (options.range) {
if (!that.endDate) {
return that.hint('请先选择日期范围');
}
if (lay(btn).hasClass(DISABLED)) {
return that.hint(
options.type === 'time' ? TIPS_OUT.replace(/日期/g, '时间') : TIPS_OUT
);
}
} else {
if (lay(btn).hasClass(DISABLED)) {
return that.hint('不在有效日期或时间范围内');
}
}
that.done();
that.setValue(that.parse()).remove();
}
};
active[type] && active[type]();
};
//统一切换处理
Class.prototype.change = function (index) {
var that = this
, options = that.config
, dateTime = options.dateTime
,
isAlone = options.range && (options.type === 'year' || options.type === 'month')
, elemCont = that.elemCont[index || 0]
, listYM = that.listYM[index]
, addSubYeay = function (type) {
var startEnd = ['startDate', 'endDate'][index]
, isYear = lay(elemCont).find('.laydate-year-list')[0]
, isMonth = lay(elemCont).find('.laydate-month-list')[0];
//切换年列表
if (isYear) {
listYM[0] = type ? listYM[0] - 15 : listYM[0] + 15;
that.list('year', index);
}
if (isMonth) { //切换月面板中的年
type ? listYM[0]-- : listYM[0]++;
that.list('month', index);
}
if (isYear || isMonth) {
lay.extend(dateTime, {
year: listYM[0]
});
if (isAlone) {
that[startEnd].year = listYM[0];
}
options.range || that.done(null, 'change');
that.setBtnStatus();
options.range || that.limit(lay(that.footer).find(ELEM_CONFIRM), {
year: listYM[0]
});
}
return isYear || isMonth;
};
return {
prevYear: function () {
if (addSubYeay('sub')) {
return;
}
dateTime.year--;
that.checkDate('limit').calendar();
options.range || that.done(null, 'change');
}
, prevMonth: function () {
var YM = that.getAsYM(dateTime.year, dateTime.month, 'sub');
lay.extend(dateTime, {
year: YM[0]
, month: YM[1]
});
that.checkDate('limit').calendar();
options.range || that.done(null, 'change');
}
, nextMonth: function () {
var YM = that.getAsYM(dateTime.year, dateTime.month);
lay.extend(dateTime, {
year: YM[0]
, month: YM[1]
});
that.checkDate('limit').calendar();
options.range || that.done(null, 'change');
}
, nextYear: function () {
if (addSubYeay()) {
return;
}
dateTime.year++;
that.checkDate('limit').calendar();
options.range || that.done(null, 'change');
}
};
};
//日期切换事件
Class.prototype.changeEvent = function () {
var that = this
, options = that.config;
//日期选择事件
lay(that.elem).on('click', function (e) {
lay.stope(e);
});
//年月切换
lay.each(that.elemHeader, function (i, header) {
//上一年
lay(header[0]).on('click', function (e) {
that.change(i).prevYear();
});
//上一月
lay(header[1]).on('click', function (e) {
that.change(i).prevMonth();
});
//选择年月
lay(header[2]).find('span').on('click', function (e) {
var othis = lay(this)
, layYM = othis.attr('lay-ym')
, layType = othis.attr('lay-type');
if (!layYM) {
return;
}
layYM = layYM.split('-');
that.listYM[i] = [layYM[0] | 0, layYM[1] | 0];
that.list(layType, i);
lay(that.footer).find(ELEM_TIME_BTN).addClass(DISABLED);
});
//下一月
lay(header[3]).on('click', function (e) {
that.change(i).nextMonth();
});
//下一年
lay(header[4]).on('click', function (e) {
that.change(i).nextYear();
});
});
//点击日期
lay.each(that.table, function (i, table) {
var tds = lay(table).find('td');
tds.on('click', function () {
that.choose(lay(this));
});
});
//点击底部按钮
lay(that.footer).find('span').on('click', function () {
var type = lay(this).attr('lay-type');
that.tool(this, type);
});
};
//是否输入框
Class.prototype.isInput = function (elem) {
return /input|textarea/.test(elem.tagName.toLocaleLowerCase());
};
//绑定的元素事件处理
Class.prototype.events = function () {
var that = this
, options = that.config
//绑定呼出控件事件
, showEvent = function (elem, bind) {
elem.on(options.trigger, function () {
bind && (that.bindElem = this);
that.render();
});
};
if (!options.elem[0] || options.elem[0].eventHandler) {
return;
}
showEvent(options.elem, 'bind');
showEvent(options.eventElem);
//绑定关闭控件事件
lay(document).on('click', function (e) {
if (e.target === options.elem[0]
|| e.target === options.eventElem[0]
|| e.target === lay(options.closeStop)[0]) {
return;
}
that.remove();
}).on('keydown', function (e) {
if (e.keyCode === 13) {
if (lay('#' + that.elemID)[0] && that.elemID === Class.thisElem) {
e.preventDefault();
lay(that.footer).find(ELEM_CONFIRM)[0].click();
}
}
});
//自适应定位
lay(window).on('resize', function () {
if (!that.elem || !lay(ELEM)[0]) {
return false;
}
that.position();
});
options.elem[0].eventHandler = true;
};
//核心接口
laydate.render = function (options) {
var inst = new Class(options);
return thisDate.call(inst);
};
//得到某月的最后一天
laydate.getEndDate = function (month, year) {
var thisDate = new Date();
//设置日期为下个月的第一天
thisDate.setFullYear(
year || thisDate.getFullYear()
, month || (thisDate.getMonth() + 1)
, 1);
//减去一天,得到当前月最后一天
return new Date(thisDate.getTime() - 1000 * 60 * 60 * 24).getDate();
};
//暴露lay
window.lay = window.lay || lay;
//加载方式
isLayui ? (
laydate.ready()
, layui.define(function (exports) { //layui加载
laydate.path = layui.cache.dir;
exports(MOD_NAME, laydate);
})
) : (
(typeof define === 'function' && define.amd) ? define(function () { //requirejs加载
return laydate;
}) : function () { //普通script标签加载
laydate.ready();
window.laydate = laydate
}()
);
}();