开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 行业应用 > OA系统 > 查看源码
calendar.js
资源名称：OASystem.rar　[点击查看]
上传用户：lishan0805
上传日期：2019-12-08
资源大小：12048k
文件大小：15k
源码类别：

OA系统

开发平台：

C#

calendar.js：源码内容
  1. <!--
  2. /**
  3.  * Calendar
  4.  * @param   beginYear           1990
  5.  * @param   endYear             2010
  6.  * @param   language            0(zh_cn)|1(en_us)|2(en_en)|3(zh_tw)
  7.  * @param   patternDelimiter    "-"
  8.  * @param   date2StringPattern  "yyyy-MM-dd"
  9.  * @param   string2DatePattern  "ymd"
  10.  * @version 1.0 build 2006-04-01
  11.  * @version 1.1 build 2006-12-17
  12.  * @author  KimSoft (jinqinghua [at] gmail.com)
  13.  * NOTE!    you can use it free, but keep the copyright please
  14.  * IMPORTANT:you must include this script file inner html body elment 
  15.  * @see http://code.google.com/p/kimsoft-jscalendar/
  16.  */
  17. function Calendar(beginYear, endYear, language, patternDelimiter, date2StringPattern, string2DatePattern) {
  18. this.beginYear = beginYear || 1990;
  19. this.endYear   = endYear   || 2020;
  20. this.language  = language  || 0;
  21. this.patternDelimiter = patternDelimiter     || "-";
  22. this.date2StringPattern = date2StringPattern || Calendar.language["date2StringPattern"][this.language].replace(/-/g, this.patternDelimiter);
  23. this.string2DatePattern = string2DatePattern || Calendar.language["string2DatePattern"][this.language];
  25. this.dateControl = null;
  26. this.panel  = this.getElementById("__calendarPanel");
  27. this.iframe = window.frames["__calendarIframe"];
  28. this.form   = null;
  30. this.date = new Date();
  31. this.year = this.date.getFullYear();
  32. this.month = this.date.getMonth();
  34. this.colors = {"bg_cur_day":"#00CC33","bg_over":"#EFEFEF","bg_out":"#FFCC00"}
  35. };
  37. Calendar.language = {
  38. "year"   : ["u5e74", "", "", "u5e74"],
  39. "months" : [
  40. ["u4e00u6708","u4e8cu6708","u4e09u6708","u56dbu6708","u4e94u6708","u516du6708","u4e03u6708","u516bu6708","u4e5du6708","u5341u6708","u5341u4e00u6708","u5341u4e8cu6708"],
  41. ["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],
  42. ["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],
  43. ["u4e00u6708","u4e8cu6708","u4e09u6708","u56dbu6708","u4e94u6708","u516du6708","u4e03u6708","u516bu6708","u4e5du6708","u5341u6708","u5341u4e00u6708","u5341u4e8cu6708"]
  44. ],
  45. "weeks"  : [["u65e5","u4e00","u4e8c","u4e09","u56db","u4e94","u516d"],
  46. ["Sun","Mon","Tur","Wed","Thu","Fri","Sat"],
  47. ["Sun","Mon","Tur","Wed","Thu","Fri","Sat"],
  48. ["u65e5","u4e00","u4e8c","u4e09","u56db","u4e94","u516d"]
  49. ],
  50. "clear"  : ["u6e05u7a7a", "Clear", "Clear", "u6e05u7a7a"],
  51. "today"  : ["u4ecau5929", "Today", "Today", "u4ecau5929"],
  52. "close"  : ["u5173u95ed", "Close", "Close", "u95dcu9589"],
  53. "date2StringPattern" : ["yyyy-MM-dd", "yyyy-MM-dd", "yyyy-MM-dd", "yyyy-MM-dd"],
  54. "string2DatePattern" : ["ymd","ymd", "ymd", "ymd"]
  55. };
  57. Calendar.prototype.draw = function() {
  58. calendar = this;
  60. var _cs = [];
  61. _cs[_cs.length] = '<form id="__calendarForm" name="__calendarForm" method="post">';
  62. _cs[_cs.length] = '<table id="__calendarTable" width="100%" border="0" cellpadding="3" cellspacing="1" align="center">';
  63. _cs[_cs.length] = ' <tr>';
  64. _cs[_cs.length] = '  <th><input class="l" name="goPrevMonthButton" type="button" id="goPrevMonthButton" value="&lt;" /></th>';
  65. _cs[_cs.length] = '  <th colspan="5"><select class="year" name="yearSelect" id="yearSelect"></select><select class="month" name="monthSelect" id="monthSelect"></select></th>';
  66. _cs[_cs.length] = '  <th><input class="r" name="goNextMonthButton" type="button" id="goNextMonthButton" value="&gt;" /></th>';
  67. _cs[_cs.length] = ' </tr>';
  68. _cs[_cs.length] = ' <tr>';
  69. for(var i = 0; i < 7; i++) {
  70. _cs[_cs.length] = '<th class="theader">';
  71. _cs[_cs.length] = Calendar.language["weeks"][this.language][i];
  72. _cs[_cs.length] = '</th>';
  73. }
  74. _cs[_cs.length] = '</tr>';
  75. for(var i = 0; i < 6; i++){
  76. _cs[_cs.length] = '<tr align="center">';
  77. for(var j = 0; j < 7; j++) {
  78. switch (j) {
  79. case 0: _cs[_cs.length] = '<td class="sun">&nbsp;</td>'; break;
  80. case 6: _cs[_cs.length] = '<td class="sat">&nbsp;</td>'; break;
  81. default:_cs[_cs.length] = '<td class="normal">&nbsp;</td>'; break;
  82. }
  83. }
  84. _cs[_cs.length] = '</tr>';
  85. }
  86. _cs[_cs.length] = ' <tr>';
  87. _cs[_cs.length] = '  <th colspan="2"><input type="button" class="b" name="clearButton" id="clearButton" /></th>';
  88. _cs[_cs.length] = '  <th colspan="3"><input type="button" class="b" name="selectTodayButton" id="selectTodayButton" /></th>';
  89. _cs[_cs.length] = '  <th colspan="2"><input type="button" class="b" name="closeButton" id="closeButton" /></th>';
  90. _cs[_cs.length] = ' </tr>';
  91. _cs[_cs.length] = '</table>';
  92. _cs[_cs.length] = '</form>';
  94. this.iframe.document.body.innerHTML = _cs.join("");
  95. this.form = this.iframe.document.forms["__calendarForm"];
  97. this.form.clearButton.value = Calendar.language["clear"][this.language];
  98. this.form.selectTodayButton.value = Calendar.language["today"][this.language];
  99. this.form.closeButton.value = Calendar.language["close"][this.language];
  101. this.form.goPrevMonthButton.onclick = function () {calendar.goPrevMonth(this);}
  102. this.form.goNextMonthButton.onclick = function () {calendar.goNextMonth(this);}
  103. this.form.yearSelect.onchange = function () {calendar.update(this);}
  104. this.form.monthSelect.onchange = function () {calendar.update(this);}
  106. this.form.clearButton.onclick = function () {calendar.dateControl.value = "";calendar.hide();}
  107. this.form.closeButton.onclick = function () {calendar.hide();}
  108. this.form.selectTodayButton.onclick = function () {
  109. var today = new Date();
  110. calendar.date = today;
  111. calendar.year = today.getFullYear();
  112. calendar.month = today.getMonth();
  113. calendar.dateControl.value = today.format(calendar.date2StringPattern);
  114. calendar.hide();
  115. }
  116. };
  118. Calendar.prototype.bindYear = function() {
  119. var ys = this.form.yearSelect;
  120. ys.length = 0;
  121. for (var i = this.beginYear; i <= this.endYear; i++){
  122. ys.options[ys.length] = new Option(i + Calendar.language["year"][this.language], i);
  123. }
  124. };
  126. Calendar.prototype.bindMonth = function() {
  127. var ms = this.form.monthSelect;
  128. ms.length = 0;
  129. for (var i = 0; i < 12; i++){
  130. ms.options[ms.length] = new Option(Calendar.language["months"][this.language][i], i);
  131. }
  132. };
  134. Calendar.prototype.goPrevMonth = function(e){
  135. if (this.year == this.beginYear && this.month == 0){return;}
  136. this.month--;
  137. if (this.month == -1) {
  138. this.year--;
  139. this.month = 11;
  140. }
  141. this.date = new Date(this.year, this.month, 1);
  142. this.changeSelect();
  143. this.bindData();
  144. };
  146. Calendar.prototype.goNextMonth = function(e){
  147. if (this.year == this.endYear && this.month == 11){return;}
  148. this.month++;
  149. if (this.month == 12) {
  150. this.year++;
  151. this.month = 0;
  152. }
  153. this.date = new Date(this.year, this.month, 1);
  154. this.changeSelect();
  155. this.bindData();
  156. };
  158. Calendar.prototype.changeSelect = function() {
  159. var ys = this.form.yearSelect;
  160. var ms = this.form.monthSelect;
  161. for (var i= 0; i < ys.length; i++){
  162. if (ys.options[i].value == this.date.getFullYear()){
  163. ys[i].selected = true;
  164. break;
  165. }
  166. }
  167. for (var i= 0; i < ms.length; i++){
  168. if (ms.options[i].value == this.date.getMonth()){
  169. ms[i].selected = true;
  170. break;
  171. }
  172. }
  173. };
  175. Calendar.prototype.update = function (e){
  176. this.year  = e.form.yearSelect.options[e.form.yearSelect.selectedIndex].value;
  177. this.month = e.form.monthSelect.options[e.form.monthSelect.selectedIndex].value;
  178. this.date = new Date(this.year, this.month, 1);
  179. this.changeSelect();
  180. this.bindData();
  181. };
  183. Calendar.prototype.bindData = function () {
  184. var calendar = this;
  185. var dateArray = this.getMonthViewDateArray(this.date.getFullYear(), this.date.getMonth());
  186. var tds = this.getElementsByTagName("td", this.getElementById("__calendarTable", this.iframe.document));
  187. for(var i = 0; i < tds.length; i++) {
  188.    tds[i].style.backgroundColor = calendar.colors["bg_over"];
  189. tds[i].onclick = null;
  190. tds[i].onmouseover = null;
  191. tds[i].onmouseout = null;
  192. tds[i].innerHTML = dateArray[i] || "&nbsp;";
  193. if (i > dateArray.length - 1) continue;
  194. if (dateArray[i]){
  195. tds[i].onclick = function () {
  196. if (calendar.dateControl){
  197. calendar.dateControl.value = new Date(calendar.date.getFullYear(),
  198. calendar.date.getMonth(),
  199. this.innerHTML).format(calendar.date2StringPattern);
  200. }
  201. calendar.hide();
  202. }
  203. tds[i].onmouseover = function () {this.style.backgroundColor = calendar.colors["bg_out"];}
  204. tds[i].onmouseout  = function () {this.style.backgroundColor = calendar.colors["bg_over"];}
  205. var today = new Date();
  206. if (today.getFullYear() == calendar.date.getFullYear()) {
  207. if (today.getMonth() == calendar.date.getMonth()) {
  208. if (today.getDate() == dateArray[i]) {
  209. tds[i].style.backgroundColor = calendar.colors["bg_cur_day"];
  210. tds[i].onmouseover = function () {this.style.backgroundColor = calendar.colors["bg_out"];}
  211. tds[i].onmouseout  = function () {this.style.backgroundColor = calendar.colors["bg_cur_day"];}
  212. }
  213. }
  214. }
  215. }//end if
  216. }//end for
  217. };
  219. Calendar.prototype.getMonthViewDateArray = function (y, m) {
  220. var dateArray = new Array(42);
  221. var dayOfFirstDate = new Date(y, m, 1).getDay();
  222. var dateCountOfMonth = new Date(y, m + 1, 0).getDate();
  223. for (var i = 0; i < dateCountOfMonth; i++) {
  224. dateArray[i + dayOfFirstDate] = i + 1;
  225. }
  226. return dateArray;
  227. };
  229. Calendar.prototype.show = function (dateControl, popuControl) {
  230. if (this.panel.style.visibility == "visible") {
  231. this.panel.style.visibility = "hidden";
  232. }
  233. if (!dateControl){
  234. throw new Error("arguments[0] is necessary!")
  235. }
  236. this.dateControl = dateControl;
  237. popuControl = popuControl || dateControl;
  239. this.draw();
  240. this.bindYear();
  241. this.bindMonth();
  242. if (dateControl.value.length > 0){
  243. this.date  = new Date(dateControl.value.toDate(this.patternDelimiter, this.string2DatePattern));
  244. this.year  = this.date.getFullYear();
  245. this.month = this.date.getMonth();
  246. }
  247. this.changeSelect();
  248. this.bindData();
  250. var xy = this.getAbsPoint(popuControl);
  251. this.panel.style.left = xy.x + "px";
  252. this.panel.style.top = (xy.y + dateControl.offsetHeight) + "px";
  253. this.panel.style.visibility = "visible";
  254. };
  256. Calendar.prototype.hide = function() {
  257. this.panel.style.visibility = "hidden";
  258. };
  260. Calendar.prototype.getElementById = function(id, object){
  261. object = object || document;
  262. return document.getElementById ? object.getElementById(id) : document.all(id);
  263. };
  265. Calendar.prototype.getElementsByTagName = function(tagName, object){
  266. object = object || document;
  267. return document.getElementsByTagName ? object.getElementsByTagName(tagName) : document.all.tags(tagName);
  268. };
  270. Calendar.prototype.getAbsPoint = function (e){
  271. var x = e.offsetLeft;
  272. var y = e.offsetTop;
  273. while(e = e.offsetParent){
  274. x += e.offsetLeft;
  275. y += e.offsetTop;
  276. }
  277. return {"x": x, "y": y};
  278. };
  280. /**
  281.  * @param   d the delimiter
  282.  * @param   p the pattern of your date
  283.  * @author  meizz
  284.  * @author  kimsoft add w+ pattern
  285.  */
  286. Date.prototype.format = function(style) {
  287. var o = {
  288. "M+" : this.getMonth() + 1, //month
  289. "d+" : this.getDate(),      //day
  290. "h+" : this.getHours(),     //hour
  291. "m+" : this.getMinutes(),   //minute
  292. "s+" : this.getSeconds(),   //second
  293. "w+" : "u65e5u4e00u4e8cu4e09u56dbu4e94u516d".charAt(this.getDay()),   //week
  294. "q+" : Math.floor((this.getMonth() + 3) / 3),  //quarter
  295. "S"  : this.getMilliseconds() //millisecond
  296. }
  297. if (/(y+)/.test(style)) {
  298. style = style.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  299. }
  300. for(var k in o){
  301. if (new RegExp("("+ k +")").test(style)){
  302. style = style.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
  303. }
  304. }
  305. return style;
  306. };
  308. /**
  309.  * @param d the delimiter
  310.  * @param p the pattern of your date
  311.  * @rebuilder kimsoft
  312.  * @version build 2006.12.15
  313.  */
  314. String.prototype.toDate = function(delimiter, pattern) {
  315. delimiter = delimiter || "-";
  316. pattern = pattern || "ymd";
  317. var a = this.split(delimiter);
  318. var y = parseInt(a[pattern.indexOf("y")], 10);
  319. //remember to change this next century ;)
  320. if(y.toString().length <= 2) y += 2000;
  321. if(isNaN(y)) y = new Date().getFullYear();
  322. var m = parseInt(a[pattern.indexOf("m")], 10) - 1;
  323. var d = parseInt(a[pattern.indexOf("d")], 10);
  324. if(isNaN(d)) d = 1;
  325. return new Date(y, m, d);
  326. };
  328. document.writeln('<div id="__calendarPanel" style="position:absolute;visibility:hidden;z-index:9999;background-color:#FFFFFF;border:1px solid #666666;width:200px;height:216px;">');
  329. document.writeln('<iframe name="__calendarIframe" id="__calendarIframe" width="100%" height="100%" scrolling="no" frameborder="0" style="margin:0px;"></iframe>');
  330. var __ci = window.frames['__calendarIframe'];
  331. __ci.document.writeln('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');
  332. __ci.document.writeln('<html xmlns="http://www.w3.org/1999/xhtml">');
  333. __ci.document.writeln('<head>');
  334. __ci.document.writeln('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />');
  335. __ci.document.writeln('<title>Web Calendar(UTF-8) Written By KimSoft</title>');
  336. __ci.document.writeln('<style type="text/css">');
  337. __ci.document.writeln('<!--');
  338. __ci.document.writeln('body {font-size:12px;margin:0px;text-align:center;}');
  339. __ci.document.writeln('form {margin:0px;}');
  340. __ci.document.writeln('select {font-size:12px;background-color:#EFEFEF;}');
  341. __ci.document.writeln('table {border:0px solid #CCCCCC;background-color:#FFFFFF}');
  342. __ci.document.writeln('th {font-size:12px;font-weight:normal;background-color:#FFFFFF;}');
  343. __ci.document.writeln('th.theader {font-weight:normal;background-color:#666666;color:#FFFFFF;width:24px;}');
  344. __ci.document.writeln('select.year {width:64px;}');
  345. __ci.document.writeln('select.month {width:60px;}');
  346. __ci.document.writeln('td {font-size:12px;text-align:center;}');
  347. __ci.document.writeln('td.sat {color:#0000FF;background-color:#EFEFEF;}');
  348. __ci.document.writeln('td.sun {color:#FF0000;background-color:#EFEFEF;}');
  349. __ci.document.writeln('td.normal {background-color:#EFEFEF;}');
  350. __ci.document.writeln('input.l {border: 1px solid #CCCCCC;background-color:#EFEFEF;width:20px;height:20px;}');
  351. __ci.document.writeln('input.r {border: 1px solid #CCCCCC;background-color:#EFEFEF;width:20px;height:20px;}');
  352. __ci.document.writeln('input.b {border: 1px solid #CCCCCC;background-color:#EFEFEF;width:100%;height:20px;}');
  353. __ci.document.writeln('-->');
  354. __ci.document.writeln('</style>');
  355. __ci.document.writeln('</head>');
  356. __ci.document.writeln('<body>');
  357. __ci.document.writeln('</body>');
  358. __ci.document.writeln('</html>');
  359. __ci.document.close();
  360. document.writeln('</div>');
  361. var calendar = new Calendar();
  362. //-->