console-front/js/date.js

$.use(["jQuery", "form", "doc", "util", "dropdown"], function($, form, doc, util, dd) {
	var m_rd = "必选的",
		readOnly = "readOnly",
		dd_ctn = "dd-ctn",
		dd_clean = "dd-clean",
		showOnly = "showOnly",
		modelName = 'date',
		def = "defVal",
		placeholder = "placeholder",
		required = "required",

		date_year = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
		date_leapYear = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
		date_isleap = function(y) {
			return(y % 4 === 0 && y % 100 !== 0) || y % 400 === 0;
		},
		date_validDate = function(v) {
			if(v.length != 8) return false;
			for(var i = 0; i < 8; ++i) {
				var c = v.charAt(i);
				if(c > '9' || c < '0') return false;
			}
			var m = parseInt(v.substring(4, 6)) - 1;
			if(m < 0 || m > 11) return false;
			var d = parseInt(v.substring(6, 8));
			var ym = date_isleap(parseInt(v.substring(0, 4))) ? date_leapYear : date_year;
			if(d < 1 || d > ym[m]) return false;
			return true;
		},
		date_fmt = function(v) {
			return(v > 9 ? "" : "0") + v;
		},
		date_MS_IN_DAY = 24 * 60 * 60 * 1000,
		date_incDay = function(d) {
			return new Date(d.getTime() + date_MS_IN_DAY);
		},
		date_decDay = function(d) {
			return new Date(d.getTime() - date_MS_IN_DAY);
		},
		date_dayFmt = function(d) {
			return "" + d.getFullYear() + date_fmt(d.getMonth() + 1) + date_fmt(d.getDate());
		},
		date_now = function() {
			var d = new Date();
			return "" + d.getFullYear() + date_fmt(d.getMonth() + 1) + date_fmt(d.getDate()) + date_fmt(d.getHours()) + date_fmt(d.getMinutes()) + date_fmt(d.getSeconds());
		},
		table_year = { an: "year", av: "" },
		table_month = { an: "month", av: "" },
		daySwitch = [""],
		thead = {
			tn: "thead",
			chs: [{
				tn: "tr",
				chs: [
					{ tn: "th", attrs: [{ an: "class", av: "prev-year" }], chs: [{ tn: "i", attrs: [{ an: "class", av: "icon-arrow-left" }] }] },
					{ tn: "th", attrs: [{ an: "class", av: "prev-month" }], chs: [{ tn: "i", attrs: [{ an: "class", av: "icon-chevron-left" }] }] },
					{ tn: "th", attrs: [{ an: "class", av: "switch" }, { an: "colspan", av: "3" }], chs: daySwitch },
					{ tn: "th", attrs: [{ an: "class", av: "next-month" }], chs: [{ tn: "i", attrs: [{ an: "class", av: "icon-chevron-right" }] }] },
					{ tn: "th", attrs: [{ an: "class", av: "next-year" }], chs: [{ tn: "i", attrs: [{ an: "class", av: "icon-arrow-right" }] }] }
				]
			}, {
				tn: "tr",
				chs: [
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["日"] },
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["一"] },
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["二"] },
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["三"] },
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["四"] },
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["五"] },
					{ tn: "th", attrs: [{ an: "class", av: "dow" }], chs: ["六"] },
				]
			}]
		},
		tbody = { tn: "tbody" },
		tfoot = { tn: "tfoot" },
		table = { tn: "table", attrs: [{ an: "class", av: "day" }, table_year, table_month], chs: [thead, tbody, tfoot] },
		date_drop = { tn: "div", attrs: [{ an: "class", av: "dd-drop date" }], chs: [table] },
		show_day = function($e, y, m) {
			table_year.av = "" + y;
			table_month.av = "" + (m + 1);
			daySwitch[0] = date_fmt(m + 1) + "月 " + y + "年";
			var dd = new Date();
			dd.setFullYear(y);
			dd.setMonth(m);
			dd.setDate(1);
			var dayInWeek = dd.getDay();
			tbody.chs = [];
			var weekDays = { tn: "tr" };
			var days = weekDays.chs = [];
			for(var i = 0; i < dayInWeek; ++i) {
				var cd = date_dayFmt(new Date(dd.getTime() - ((dayInWeek - i) * date_MS_IN_DAY)));
				days.push({ tn: "td", attrs: [{ an: "class", av: "no-current-month" }, { an: "day", av: "" + cd }], chs: [cd.substring(6, 8)] });
			}
			var ld = date_isleap(y) ? date_leapYear[m] : date_year[m];
			for(var i = 0; i < ld; ++i) {
				var cd = date_dayFmt(dd);
				days.push({ tn: "td", attrs: [{ an: "class", av: "day-item" }, { an: "day", av: "" + cd }], chs: [cd.substring(6, 8)] });
				if(dd.getDay() == 6) {
					tbody.chs.push(weekDays);
					weekDays = { tn: "tr" };
					days = weekDays.chs = [];
				}
				dd = date_incDay(dd);
			}
			dayInWeek = dd.getDay();
			if(dayInWeek) {
				for(var i = dayInWeek; i < 7; ++i) {
					var cd = date_dayFmt(dd);
					days.push({ tn: "td", attrs: [{ an: "class", av: "no-current-month" }, { an: "day", av: "" + cd }], chs: [cd.substring(6, 8)] });
					dd = date_incDay(dd);
				}
				tbody.chs.push(weekDays);
			}
			$e.find(".dd-drop").remove();
			util.appendChild($e[0], date_drop);
		},

		handCode = { an: "code", av: "" },
		pa = [""],
		jhref = { an: "href", av: "javascript:;" },
		dd_hand = { an: "class", av: "dd-hand" },
		icon_drop = { tn: "i", attrs: [{ an: "class", av: "icon icon-drop" }] },
		icon_close = { tn: "i", attrs: [{ an: "class", av: "icon icon-close" }] },
		a_placeHolder = { tn: "a", attrs: [jhref, { an: "class", av: placeholder }], chs: pa },
		hand = {
			tn: "a",
			attrs: [
				dd_hand,
				jhref,
				handCode,
			],
			chs: [
				icon_drop,
				{ tn: "span" },
				icon_close,
				a_placeHolder,
			]
		};
	form.register(function($e) {
		var cls = util.classCheck($e[0], [readOnly, showOnly, modelName, required]),
			rv;
		if(cls[modelName]) {
			var n = $e.attr("name") || $e.attr("id"),
				rules = [];
			if(!n) {
				throw "Attribute[name] is invalid";
			}
			var dv = $e.attr(def) || "";

			$e.empty().addClass(dd_ctn).addClass(dd_clean);
			pa[0] = $e.attr(placeholder) || "请选择日期......";
			util.appendChild($e[0], hand);
			var $h = $e.children("a");
			var $span = $h.children("span");
			var date_change = function(val) {
				if(val) {
					if(val == "current") {
						val = date_now().substr(0, 8);
					}
					var dt = val.substring(0, 4) + "-" + val.substring(4, 6) + "-" + val.substring(6, 8);
					if(rv !== val) {
						$h.attr("code", val);
						$span.text(dt);
						rv = val;
					}
				} else {
					rv = "";
					$h.attr("code", "");
					$span.text("");
				}
			};
			date_change(dv);

			if(!(cls[readOnly] || cls[showOnly])) {
				$e.on("shown.dropdown", function(evt) {
					var dp_chs = [];
					var n = date_now();
					var val = rv ? (date_validDate(rv) ? rv : n) : n;
					show_day($e, parseInt(val.substring(0, 4)), parseInt(val.substring(4, 6)) - 1);

				});
				$e.find(".icon-close").on("click", function(evt) {
					date_change("");
					$e.addClass("dd-hold-once");
				});
				$e.on("click", ".day .day-item , .day .no-current-month", function() {
					date_change(this.getAttribute("day"));
				});
				$e.on("click", ".day .prev-year", function(e) {
					var date_tb = $e.find("table"),
						yv = parseInt(date_tb.attr("year")) - 1,
						mv = parseInt(date_tb.attr("month")) - 1;
					$e.addClass("dd-hold-once");
					show_day($e, yv, mv);
				});
				$e.on("click", ".day .prev-month", function(e) {
					var date_tb = $e.find("table"),
						yv = parseInt(date_tb.attr("year")),
						mv = parseInt(date_tb.attr("month")) - 2;
					if(0 > mv) {
						yv -= 1;
						mv = 11
					}
					$e.addClass("dd-hold-once");
					show_day($e, yv, mv);

				});
				$e.on("click", ".day .next-year", function(e) {
					var date_tb = $e.find("table"),
						yv = parseInt(date_tb.attr("year")) + 1,
						mv = parseInt(date_tb.attr("month")) - 1;
					$e.addClass("dd-hold-once");
					show_day($e, yv, mv);
				});
				$e.on("click", ".day .next-month", function(e) {
					var date_tb = $e.find("table"),
						yv = parseInt(date_tb.attr("year")),
						mv = parseInt(date_tb.attr("month"));
					if(mv === 12) {
						yv += 1;
						mv = 0
					}
					$e.addClass("dd-hold-once");
					show_day($e, yv, mv);
				});
			}

			return {
				name: n,
				get: function() {
					return rv ? rv : undefined;
				},
				set: function(data) {
					date_change(data ? data : "");
				},
				validate: function() {
					if(cls[required]) {
						if(!rv) {
							this.invalid(m_rd);
							return m_rd;
						}
					}
					return util.validate(rules, this);
				},
				addRules: function(rule) {
					util.addRules(rules, rule);
				},
				reset: function() {
					this.set(dv);
				},
				valid: function() { util.valid($e); },
				invalid: function(reson) {
					util.invalid($e);
					util.error(reson);
				}
			};
		}

	});
});