/** * EasyUI for jQuery 1.10.16 * * Copyright (c) 2009-2023 www.jeasyui.com. All rights reserved. * * Licensed under the freeware license: http://www.jeasyui.com/license_freeware.php * To use it on other terms please contact us: info@jeasyui.com * */ /** * calendar - EasyUI for jQuery * */ (function($){ function setSize(target, param){ var opts = $.data(target, 'calendar').options; var t = $(target); if (param){ $.extend(opts, { width: param.width, height: param.height }); } t._size(opts, t.parent()); t.find('.calendar-body')._outerHeight(t.height() - t.find('.calendar-header')._outerHeight()); if (t.find('.calendar-menu').is(':visible')){ showSelectMenus(target); } } function init(target){ $(target).addClass('calendar').html( '
' + '
' + '
' + '
' + '
' + '
' + '' + '
' + '
' + '
' + '
' + '
' + '' + '' + '' + '
' + '
' + '
' + '
' + '
' ); $(target)._bind('_resize', function(e,force){ if ($(this).hasClass('easyui-fluid') || force){ setSize(target); } return false; }); } function bindEvents(target){ var opts = $.data(target, 'calendar').options; var menu = $(target).find('.calendar-menu'); menu.find('.calendar-menu-year')._unbind('.calendar')._bind('keypress.calendar', function(e){ if (e.keyCode == 13){ setDate(true); } }); $(target)._unbind('.calendar')._bind('mouseover.calendar', function(e){ var t = toTarget(e.target); if (t.hasClass('calendar-nav') || t.hasClass('calendar-text') || (t.hasClass('calendar-day') && !t.hasClass('calendar-disabled'))){ t.addClass('calendar-nav-hover'); } })._bind('mouseout.calendar', function(e){ var t = toTarget(e.target); if (t.hasClass('calendar-nav') || t.hasClass('calendar-text') || (t.hasClass('calendar-day') && !t.hasClass('calendar-disabled'))){ t.removeClass('calendar-nav-hover'); } })._bind('click.calendar', function(e){ var t = toTarget(e.target); if (t.hasClass('calendar-menu-next') || t.hasClass('calendar-nextyear')){ showYear(1); } else if (t.hasClass('calendar-menu-prev') || t.hasClass('calendar-prevyear')){ showYear(-1); } else if (t.hasClass('calendar-menu-month')){ menu.find('.calendar-selected').removeClass('calendar-selected'); t.addClass('calendar-selected'); setDate(true); } else if (t.hasClass('calendar-prevmonth')){ showMonth(-1); } else if (t.hasClass('calendar-nextmonth')){ showMonth(1); } else if (t.hasClass('calendar-text')){ if (menu.is(':visible')){ menu.hide(); } else { showSelectMenus(target); } } else if (t.hasClass('calendar-day')){ if (t.hasClass('calendar-disabled')){return} var oldValue = opts.current; t.closest('div.calendar-body').find('.calendar-selected').removeClass('calendar-selected'); t.addClass('calendar-selected'); var parts = t.attr('abbr').split(','); var y = parseInt(parts[0]); var m = parseInt(parts[1]); var d = parseInt(parts[2]); opts.current = new opts.Date(y, m-1, d); opts.onSelect.call(target, opts.current); if (!oldValue || oldValue.getTime() != opts.current.getTime()){ opts.onChange.call(target, opts.current, oldValue); } if (opts.year != y || opts.month != m){ opts.year = y; opts.month = m; show(target); } } }); function toTarget(t){ var day = $(t).closest('.calendar-day'); if (day.length){ return day; } else { return $(t); } } function setDate(hideMenu){ var menu = $(target).find('.calendar-menu'); var year = menu.find('.calendar-menu-year').val(); var month = menu.find('.calendar-selected').attr('abbr'); if (!isNaN(year)){ opts.year = parseInt(year); opts.month = parseInt(month); show(target); } if (hideMenu){menu.hide()} } function showYear(delta){ opts.year += delta; show(target); menu.find('.calendar-menu-year').val(opts.year); } function showMonth(delta){ opts.month += delta; if (opts.month > 12){ opts.year++; opts.month = 1; } else if (opts.month < 1){ opts.year--; opts.month = 12; } show(target); menu.find('td.calendar-selected').removeClass('calendar-selected'); menu.find('td:eq(' + (opts.month-1) + ')').addClass('calendar-selected'); } } /** * show the select menu that can change year or month, if the menu is not be created then create it. */ function showSelectMenus(target){ var opts = $.data(target, 'calendar').options; $(target).find('.calendar-menu').show(); if ($(target).find('.calendar-menu-month-inner').is(':empty')){ $(target).find('.calendar-menu-month-inner').empty(); var t = $('
').appendTo($(target).find('.calendar-menu-month-inner')); var idx = 0; for(var i=0; i<3; i++){ var tr = $('').appendTo(t); for(var j=0; j<4; j++){ $('').html(opts.months[idx++]).attr('abbr',idx).appendTo(tr); } } } var body = $(target).find('.calendar-body'); var sele = $(target).find('.calendar-menu'); var seleYear = sele.find('.calendar-menu-year-inner'); var seleMonth = sele.find('.calendar-menu-month-inner'); seleYear.find('input').val(opts.year).focus(); seleMonth.find('td.calendar-selected').removeClass('calendar-selected'); seleMonth.find('td:eq('+(opts.month-1)+')').addClass('calendar-selected'); sele._outerWidth(body._outerWidth()); sele._outerHeight(body._outerHeight()); seleMonth._outerHeight(sele.height() - seleYear._outerHeight()); } /** * get weeks data. */ function getWeeks(target, year, month){ var opts = $.data(target, 'calendar').options; var dates = []; var lastDay = new opts.Date(year, month, 0).getDate(); for(var i=1; i<=lastDay; i++) dates.push([year,month,i]); // group date by week var weeks = [], week = []; var memoDay = -1; while(dates.length > 0){ var date = dates.shift(); week.push(date); var day = new opts.Date(date[0],date[1]-1,date[2]).getDay(); if (memoDay == day){ day = 0; } else if (day == (opts.firstDay==0 ? 7 : opts.firstDay) - 1){ weeks.push(week); week = []; } memoDay = day; } if (week.length){ weeks.push(week); } var firstWeek = weeks[0]; if (firstWeek.length < 7){ while(firstWeek.length < 7){ var firstDate = firstWeek[0]; var date = new opts.Date(firstDate[0],firstDate[1]-1,firstDate[2]-1) firstWeek.unshift([date.getFullYear(), date.getMonth()+1, date.getDate()]); } } else { var firstDate = firstWeek[0]; var week = []; for(var i=1; i<=7; i++){ var date = new opts.Date(firstDate[0], firstDate[1]-1, firstDate[2]-i); week.unshift([date.getFullYear(), date.getMonth()+1, date.getDate()]); } weeks.unshift(week); } var lastWeek = weeks[weeks.length-1]; while(lastWeek.length < 7){ var lastDate = lastWeek[lastWeek.length-1]; var date = new opts.Date(lastDate[0], lastDate[1]-1, lastDate[2]+1); lastWeek.push([date.getFullYear(), date.getMonth()+1, date.getDate()]); } if (weeks.length < 6){ var lastDate = lastWeek[lastWeek.length-1]; var week = []; for(var i=1; i<=7; i++){ var date = new opts.Date(lastDate[0], lastDate[1]-1, lastDate[2]+i); week.push([date.getFullYear(), date.getMonth()+1, date.getDate()]); } weeks.push(week); } return weeks; } /** * show the calendar day. */ function show(target){ var opts = $.data(target, 'calendar').options; if (opts.current && !opts.validator.call(target, opts.current)){ opts.current = null; } var now = new opts.Date(); var todayInfo = now.getFullYear()+','+(now.getMonth()+1)+','+now.getDate(); var currentInfo = opts.current ? (opts.current.getFullYear()+','+(opts.current.getMonth()+1)+','+opts.current.getDate()) : ''; // calulate the saturday and sunday index var saIndex = 6 - opts.firstDay; var suIndex = saIndex + 1; if (saIndex >= 7) saIndex -= 7; if (suIndex >= 7) suIndex -= 7; $(target).find('.calendar-title span').html(opts.months[opts.month-1] + ' ' + opts.year); var body = $(target).find('div.calendar-body'); body.children('table').remove(); var data = ['']; data.push(''); if (opts.showWeek){ data.push(''); } for(var i=opts.firstDay; i'+opts.weeks[i]+''); } for(var i=0; i'+opts.weeks[i]+''); } data.push(''); data.push(''); var weeks = getWeeks(target, opts.year, opts.month); for(var i=0; i'); if (opts.showWeek){ var weekNumber = opts.getWeekNumber(new opts.Date(week[0][0], parseInt(week[0][1])-1, week[0][2])); data.push(''); } for(var j=0; j' + d + ''); } data.push(''); } data.push(''); data.push('
'+opts.weekNumberHeader+'
'+weekNumber+'
'); body.append(data.join('')); body.children('table.calendar-dtable').prependTo(body); opts.onNavigate.call(target, opts.year, opts.month); } $.fn.calendar = function(options, param){ if (typeof options == 'string'){ return $.fn.calendar.methods[options](this, param); } options = options || {}; return this.each(function(){ var state = $.data(this, 'calendar'); if (state){ $.extend(state.options, options); } else { state = $.data(this, 'calendar', { options:$.extend({}, $.fn.calendar.defaults, $.fn.calendar.parseOptions(this), options) }); init(this); } if (state.options.border == false){ $(this).addClass('calendar-noborder'); } setSize(this); bindEvents(this); show(this); $(this).find('div.calendar-menu').hide(); // hide the calendar menu }); }; $.fn.calendar.methods = { options: function(jq){ return $.data(jq[0], 'calendar').options; }, resize: function(jq, param){ return jq.each(function(){ setSize(this, param); }); }, moveTo: function(jq, date){ return jq.each(function(){ var opts = $(this).calendar('options'); if (!date){ var now = new opts.Date(); $(this).calendar({ year: now.getFullYear(), month: now.getMonth()+1, current: date }); return; } if (opts.validator.call(this, date)){ var oldValue = opts.current; $(this).calendar({ year: date.getFullYear(), month: date.getMonth()+1, current: date }); if (!oldValue || oldValue.getTime() != date.getTime()){ opts.onChange.call(this, opts.current, oldValue); } } }); } }; $.fn.calendar.parseOptions = function(target){ var t = $(target); return $.extend({}, $.parser.parseOptions(target, [ 'weekNumberHeader',{firstDay:'number',fit:'boolean',border:'boolean',showWeek:'boolean'} ])); }; $.fn.calendar.defaults = { Date: Date, width:180, height:180, fit:false, border:true, showWeek:false, firstDay:0, weeks:['S','M','T','W','T','F','S'], months:['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], year:new Date().getFullYear(), month:new Date().getMonth()+1, current:(function(){ var d = new Date(); return new Date(d.getFullYear(), d.getMonth(), d.getDate()); })(), weekNumberHeader:'', getWeekNumber: function(date){ var checkDate = new Date(date.getTime()); checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7)); var time = checkDate.getTime(); checkDate.setMonth(0); checkDate.setDate(1); return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1; }, formatter:function(date){return date.getDate()}, styler:function(date){return ''}, validator:function(date){return true}, onSelect: function(date){}, onChange: function(newDate, oldDate){}, onNavigate: function(year, month){} }; })(jQuery);