DateInput = (function ($) { function DateInput(el, opts) { if (typeof (opts) != "object") opts = {}; $.extend(this, DateInput.DEFAULT_OPTS, opts); //this.onBeforeSetData = opts.onBeforeSetData; this.input = $(el); this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "keydownHandler", "selectDate"); this.build(); this.selectDate(); this.hide(); }; DateInput.DEFAULT_OPTS = { month_names: ["一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份", "十月份", "十一月份", "十二月份"], short_month_names: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"], short_day_names: ["日", "一", "二", "三", "四", "五", "六"], start_of_week: 1, startDate: "1970-01-01", endDate: "2030-03-30" }; DateInput.prototype = { build: function () { var monthNav = $('

' + '«' + ' ' + '»' + '

'); this.monthNameSpan = $(".month_name", monthNav); $(".prev", monthNav).click(this.bindToObj(function () { this.moveMonthBy(-1) })); $(".next", monthNav).click(this.bindToObj(function () { this.moveMonthBy(1) })); var yearNav = $('

' + '«' + ' ' + '»' + '

'); this.yearNameSpan = $(".year_name", yearNav); $(".prev", yearNav).click(this.bindToObj(function () { this.moveMonthBy(-12) })); $(".next", yearNav).click(this.bindToObj(function () { this.moveMonthBy(12) })); var nav = $('').append(monthNav, yearNav); var tableShell = ""; $(this.adjustDays(this.short_day_names)).each(function () { tableShell += "" }); tableShell += "
" + this + "
"; /*
*/ var mask = "
"; var dialog = $("
").append($('
').append(nav, tableShell)); this.dateSelector = this.rootLayers = $('
').append(mask, dialog).insertAfter(this.input); if ($.browser && $.browser.msie && $.browser.version < 7) { this.ieframe = $('').insertBefore(this.dateSelector); this.rootLayers = this.rootLayers.add(this.ieframe); $(".button", nav).mouseover(function () { $(this).addClass("hover") }); $(".button", nav).mouseout(function () { $(this).removeClass("hover") }) }; this.tbody = $("tbody", this.dateSelector); this.input.change(this.bindToObj(function () { this.selectDate() })); this.selectDate() }, selectMonth: function (date) { var show_day = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'); var newMonth = new Date(date.getFullYear(), date.getMonth(), 1); //if (!this.currentMonth || !(this.currentMonth.getFullYear() == newMonth.getFullYear() && this.currentMonth.getMonth() == newMonth.getMonth())) { this.currentMonth = newMonth; var rangeStart = this.rangeStart(date), rangeEnd = this.rangeEnd(date); var numDays = this.daysBetween(rangeStart, rangeEnd); var dayCells = ""; var yyrslist = this.onBeforeSetDate(this.dateToString(rangeStart), this.dateToString(rangeEnd)); var j = 0; for (var i = 0; i <= numDays; i++) { var currentDay = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate() + i, 12, 00); if (this.isFirstDayOfWeek(currentDay)) dayCells += ""; if (show_day[currentDay.getDay()] == "没有" || show_day[currentDay.getDay()] == "没有") { dayCells += '' + currentDay.getDate() + ''; } else { if (currentDay.getMonth() == date.getMonth() && this.stringToDate(this.startDate) <= currentDay && this.stringToDate(this.endDate) >= currentDay) { //var c = true; for (j = 0; j < yyrslist.length;) { if (yyrslist[j].adate == this.dateToString(currentDay)) { break; } else { j++; } } if (j < yyrslist.length) if (parseInt(yyrslist[j].yyrs) < parseInt(yyrslist[j].kyyrs) && parseInt(yyrslist[j].zyyrs) < parseInt(yyrslist[j].kyyzrs)) { dayCells += '' + currentDay.getDate() + '' } else { dayCells += '' + currentDay.getDate() + '' } else { dayCells += '' + currentDay.getDate() + ''; } } else { dayCells += '' + currentDay.getDate() + '' }; } if (this.isLastDayOfWeek(currentDay)) dayCells += "" }; this.tbody.empty().append(dayCells); this.monthNameSpan.empty().append(this.monthName(date)); this.yearNameSpan.empty().append(this.currentMonth.getFullYear()); $(".selectable_day", this.tbody).click(this.bindToObj(function (event) { this.changeInput($(event.target).attr("date")) })); $("td[date=" + this.dateToString(new Date()) + "]", this.tbody).addClass("today"); $("td.selectable_day", this.tbody).mouseover(function () { $(this).addClass("hover") }); $("td.selectable_day", this.tbody).mouseout(function () { $(this).removeClass("hover") }) //}; $('.selected', this.tbody).removeClass("selected"); $('td[date=' + this.selectedDateString + ']', this.tbody).addClass("selected") }, selectDate: function (date) { if (typeof (date) == "undefined") { date = this.stringToDate(this.input.val()) }; if (!date) date = new Date(); this.selectedDate = date; this.selectedDateString = this.dateToString(this.selectedDate); this.selectMonth(this.selectedDate) }, changeInput: function (dateString) { this.selectedDateString = dateString; this.input.val(dateString).change(); this.hide() }, show: function () { if (!this.canshow()) { return; } this.selectDate(); this.rootLayers.css("display", "block"); //$([window, document.body]).click(this.hideIfClickOutside); this.input.unbind("focus", this.show); $(document.body).keydown(this.keydownHandler); this.setPosition() }, hide: function () { this.rootLayers.css("display", "none"); //$([window, document.body]).unbind("click", this.hideIfClickOutside); this.input.focus(this.show); $(document.body).unbind("keydown", this.keydownHandler) }, hideIfClickOutside: function (event) { if (event.target != this.input[0] && !this.insideSelector(event)) { this.hide() } }, insideSelector: function (event) { var offset = this.dateSelector.position(); offset.right = offset.left + this.dateSelector.outerWidth(); offset.bottom = offset.top + this.dateSelector.outerHeight(); return event.pageY < offset.bottom && event.pageY > offset.top && event.pageX < offset.right && event.pageX > offset.left }, keydownHandler: function (event) { switch (event.keyCode) { case 9: case 27: this.hide(); return; break; case 13: this.changeInput(this.selectedDateString); break; case 33: this.moveDateMonthBy(event.ctrlKey ? -12 : -1); break; case 34: this.moveDateMonthBy(event.ctrlKey ? 12 : 1); break; case 38: this.moveDateBy(-7); break; case 40: this.moveDateBy(7); break; case 37: this.moveDateBy(-1); break; case 39: this.moveDateBy(1); break; default: return } event.preventDefault() }, stringToDate: function (string) { if (string) { var date = eval('new Date(' + string.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')'); return date; } else { return null; } }, dateToString: function (date) { //return date.getFullYear() + "-" + this.short_month_names[date.getMonth()] + "-" + date.getDate() return date.format("yyyy-MM-dd"); }, setPosition: function () { var offset = this.input.offset(); this.rootLayers.css({ top: this.input.outerHeight(),//offset.top + left: offset.left }); if (this.ieframe) { this.ieframe.css({ width: this.dateSelector.outerWidth(), height: this.dateSelector.outerHeight() }) } }, moveDateBy: function (amount) { var newDate = new Date(this.selectedDate.getFullYear(), this.selectedDate.getMonth(), this.selectedDate.getDate() + amount); this.selectDate(newDate) }, moveDateMonthBy: function (amount) { var newDate = new Date(this.selectedDate.getFullYear(), this.selectedDate.getMonth() + amount, this.selectedDate.getDate()); if (newDate.getMonth() == this.selectedDate.getMonth() + amount + 1) { newDate.setDate(0) }; this.selectDate(newDate) }, moveMonthBy: function (amount) { var newMonth = new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + amount, this.currentMonth.getDate()); this.selectMonth(newMonth) }, monthName: function (date) { return this.month_names[date.getMonth()] }, bindToObj: function (fn) { var self = this; return function () { return fn.apply(self, arguments) } }, bindMethodsToObj: function () { for (var i = 0; i < arguments.length; i++) { this[arguments[i]] = this.bindToObj(this[arguments[i]]) } }, indexFor: function (array, value) { for (var i = 0; i < array.length; i++) { if (value == array[i]) return i } }, monthNum: function (month_name) { return this.indexFor(this.month_names, month_name) }, shortMonthNum: function (month_name) { return this.indexFor(this.short_month_names, month_name) }, shortDayNum: function (day_name) { return this.indexFor(this.short_day_names, day_name) }, daysBetween: function (start, end) { start = Date.UTC(start.getFullYear(), start.getMonth(), start.getDate()); end = Date.UTC(end.getFullYear(), end.getMonth(), end.getDate()); return (end - start) / 86400000 }, changeDayTo: function (dayOfWeek, date, direction) { var difference = direction * (Math.abs(date.getDay() - dayOfWeek - (direction * 7)) % 7); return new Date(date.getFullYear(), date.getMonth(), date.getDate() + difference) }, rangeStart: function (date) { return this.changeDayTo(this.start_of_week, new Date(date.getFullYear(), date.getMonth()), -1) }, rangeEnd: function (date) { return this.changeDayTo((this.start_of_week - 1) % 7, new Date(date.getFullYear(), date.getMonth() + 1, 0), 1) }, isFirstDayOfWeek: function (date) { return date.getDay() == this.start_of_week }, isLastDayOfWeek: function (date) { return date.getDay() == (this.start_of_week - 1) % 7 }, adjustDays: function (days) { var newDays = []; for (var i = 0; i < days.length; i++) { newDays[i] = days[(i + this.start_of_week) % 7] }; return newDays } }; $.fn.date_input = function (opts) { return this.each(function () { new DateInput(this, opts) }) }; $.date_input = { initialize: function (opts) { $("input.date_input").date_input(opts) } }; return DateInput })(jQuery); //download by www.sucaijiayuan.com