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

源码开发语言/平台
当前位置：首页 > 源码/资料 > 行业应用 > OA系统 > 查看源码
DTPicker2.js
资源名称：OA.rar　[点击查看]
上传用户：mingda
上传日期：2017-06-20
资源大小：27691k
文件大小：16k
源码类别：

OA系统

开发平台：

Java

DTPicker2.js：源码内容
  1. var _g_dt2_imgCBB = "images/cbb_drop.gif";
  2. var _g_dt2_imgCurDay = "images/curDayTip.gif";
  3. var _g_dt2_imgSelDay = "images/selDayBg.gif";
  5. var _g_dt2_ShowingDTPicker = null;
  6. var _g_dt2_theMonths = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月");
  7. var _g_dt2_theWeeks = new Array("日", "一", "二", "三", "四", "五", "六");
  8. var _g_dt2_days = new Array(42);
  10. function DateControl20(ctn) {
  11. _dt2_drawDTPicker(ctn); 
  12. }
  14. function _dt2_drawDTPicker(ctn) {
  15. if ( document.all("div_dtTable_" + ctn) == null )
  16. {
  17. document.body.insertAdjacentHTML("BeforeEnd", "<div id='div_dtTable_" + ctn + "' style='position:absolute; visibility:hidden; left:0;  top:22; z-index:2;'></div>");
  18. }
  20. _dt2_showDTTable(ctn);
  21. }
  23. function _dt2_drawDTTable(ctn) {
  24. var strHTML;
  25. if( document.all(ctn).value == "" ) {
  26. var now = new Date();
  27. var year = now.getYear();
  28. var month = now.getMonth()+1;
  29. var day = now.getDate();
  30. if(month<10) 
  31.    var smonth="0"+month
  32. else
  33.    var smonth=month
  35. if(day<10) 
  36.    var sday="0"+day
  37. else
  38.    var sday=day
  39.       
  40. document.all(ctn).value =year+"-"+smonth+"-"+sday
  41. }else {
  42. var year = _dt2_getDTYear(ctn);
  43. var month = _dt2_getDTMonth(ctn);
  44. var day = _dt2_getDTDay(ctn);
  45. }
  47. var i = 0;
  48. document.all("div_dtTable_" + ctn).innerHTML = "<iframe scr='' name='_dt2_iframe_" + ctn + "' width='200' height='140' border=0 NORESIZE=NORESIZE SCROLLING=no MARGINWIDTH=0 MARGINHEIGHT=0 FRAMESPACING=0 FRAMEBORDER=0></iframe>";
  50. strHTML = "<html><head></head><body leftmargin=0 topmargin=0 style='font-size:9pt; font-family:宋体; border-width:1px; border-style:solid; border-color:#000000'><table border='0' width='100%' height='100%' cellpadding='0' cellspacing='0' style='font-size:9pt;' bgcolor='#ffffff'>";
  51. strHTML += "<tr>";
  52. strHTML += "<td valign='top'>";
  53. strHTML += "<table border='0' width='100%' height='25' cellpadding='0' cellspacing='0' bgcolor='#004080'> ";
  55. //draw year and month
  56. strHTML += "<tr align='right'><td width=3></td><td align='left' style='font-size:9pt'><input type='button' style='height:18px; width:24px;font-size:9pt' value='《 ' onclick="javascript:window.parent._dt2_subMonth('" + ctn + "');"></td>";
  57. strHTML += "<td style='font-size:9pt; color:#ffffff;'><input id='dt2_input_year_" + ctn + "' type='text' size='4' key='false' minLength='0' maxLength='4' value='" + year + "' style='font-size:9pt;text-align:right; width:32px; border-left: #000000 solid 1; border-right: #000000 solid 1; border-top: #000000 solid 1; border-bottom: #000000 solid 1;' onblur="javascript:window.parent._dt2_onYearChange('" + ctn + "');"></td>";
  58. strHTML += "<td align='left' width='20'><input type='button' value='▲' onClick="window.parent._dt2_addYear('" + ctn + "')" style='height:10;width:17;font-size:4pt'><br><input type='button' value='▼' onClick="window.parent._dt2_subYear('" + ctn + "')" style='height:10;width:17;font-size:4pt'>";
  59. strHTML += "<td align='center'><select id='dt2_cbb_month_" + ctn + "' onchange="javascript:window.parent._dt2_onMonthChange('" + ctn + "');" style='width:60px; font-size:9pt'>";
  61. for ( i = 0; i < 12; i ++ ) {
  62. strHTML += "<option value='" + (i+1) + "'";
  63. if ( i+1 == month )
  64. strHTML += " selected";
  65. strHTML +=">" + _g_dt2_theMonths[i] + "</option>";
  66. }
  67. strHTML += "</select></td><td style='font-size:9pt'><input type='button'  style='height:18px; width:24px;font-size:9pt' value=' 》' onclick="javascript:window.parent._dt2_addMonth('" + ctn + "');">&nbsp;</td><td align='right'><input type='button'  style='height:18px; width:18px;font-size:7pt' onclick='javascript:window.parent._dt2_closeDTTable("" + ctn + "");' value='X' title='关闭'></td><td width=2></td></tr>";
  68. strHTML += "</table></td></tr><tr><td>";
  70. //draw weeks
  71. strHTML += "<table id='_dt2_dttable_" + ctn + "' style='font-size:9pt' border='0' width='100%' height='100%' cellpadding='0' cellspacing='0' > ";
  72. strHTML += "<thead><tr>";
  73. for ( i = 0; i < 7; i ++ )
  74. strHTML += "<td valign='bottom' align='center' height='16' style='font-size:9pt; color:#004080;'>" + _g_dt2_theWeeks[i] + "</td>";
  75. strHTML += "</tr><tr><td height='1' colspan='7' bgcolor='#000000'></td></tr>";
  76. strHTML += "</thead>";
  77. strHTML += "<tbody></tbody>";
  78. strHTML += "<tfoot><tr><tr><td colspan='7' height='1' bgcolor='#000000'></td></tr>";
  79. var curDay = new Date();
  80. strHTML += "<tr><td valign='bottom' colspan='7' style='font-color:#000000; font-weight:bold; font-size:9pt; verical-align:bottom;'><img align='middle' src='" + _g_dt2_imgCurDay + "' border='0' width='40' height='11'>&nbsp;今天:" + curDay.getFullYear() + "-" + ((curDay.getMonth() < 9) ? "0" + (curDay.getMonth() + 1) : (curDay.getMonth() + 1)) + "-" + ((curDay.getDate() < 10) ? "0" + curDay.getDate() : curDay.getDate()) +"</td></tr>";
  81. strHTML += "</tfoot></table></body></html>";
  82. window.frames("_dt2_iframe_" + ctn).document.open();
  83. window.frames("_dt2_iframe_" + ctn).document.write(strHTML);
  84. window.frames("_dt2_iframe_" + ctn).document.close();
  85. _dt2_drawDTDays(ctn, year, month, day);
  86. }
  88. function _dt2_showDTTable(ctn) {
  89. if ( _g_dt2_ShowingDTPicker != null ) {
  90. if( ctn != _g_dt2_ShowingDTPicker ) {
  91. document.all("div_dtTable_" + _g_dt2_ShowingDTPicker).innerHTML = "";
  92. document.all("div_dtTable_" + _g_dt2_ShowingDTPicker).style.visibility = "hidden";
  93. }
  94. }
  96. ct = document.all("div_dtTable_" + ctn);
  97. if ( ct.style.visibility == "hidden") {
  98. _dt2_drawDTTable(ctn);
  99. ct.style.visibility = "visible";
  101. x = window.event.clientX - window.event.offsetX - 4;
  102. y = window.event.clientY - window.event.offsetY + 17;
  104. clWidth = window.document.body.clientWidth;
  105. if ( clWidth < 200 ) {
  106. x = 1;
  107. } else if ( x + 200 + 1 > clWidth) {
  108. x = clWidth - 200 - 1;
  109. }
  110. clHeight = window.document.body.clientHeight;
  111. if (clHeight < 140) {
  112. y = 1;
  113. } else if ( y + 140 + 1 > clHeight){
  114. y = clHeight - 140 - 1;
  115. }
  117. ct.style.left = x + "px";
  118. ct.style.top = y + "px";
  119. _g_dt2_ShowingDTPicker = ctn;
  120. } else {
  121. _dt2_closeDTTable(ctn);
  122. }
  123. }
  125. function _dt2_closeDTTable(ctn) {
  126. ct = document.all("div_dtTable_" + ctn);
  127. ct.innerHTML = "";
  128. ct.style.visibility = "hidden";
  129. _g_dt2_ShowingDTPicker = null;
  130. if(ctn=="txtMyGrid"){
  131. var o=window.document.all.tags("webgrid")
  132.    for(var ii=0;ii<o.length;ii++){
  133. o[ii].txtTotd()
  134. }
  135. }
  136. if(ctn=="txt1"){
  137. ChangeToTable(txt1.value)
  138. }
  139. if(ctn=="txt2"){
  140. ChangeToTable(txt2.value,'after')
  141. }
  142. }
  144. function _dt2_getDTYear(ctn) {
  145. if ( document.all(ctn).value.length > 0 ) {
  146. year = parseInt(document.all(ctn).value.substr(0, 4));
  147. if ( !isNaN(year) ) 
  148. return year;
  149. }
  150. return 1900;
  151. }
  153. function _dt2_getDTMonth(ctn) {
  154. var value = document.all(ctn).value;
  155. if ( value.length > 0 ) {
  156. pos = value.indexOf('-');
  157. if ( pos > 0 ) {
  158. month = parseInt(value.substr(pos+1, 2));
  159. if ( !isNaN(month) )
  160. return month;
  161. }
  162. }
  163. return 1;
  164. }
  166. function _dt2_getDTDay(ctn) {
  167. var value = document.all(ctn).value;
  168. if ( value.length > 0 ) {
  169. pos = value.indexOf('-');
  170. if ( pos > 0 ) {
  171. dpos = value.indexOf('-', pos+1);
  172. if (dpos > 0) {
  173. day = parseInt(value.substr(dpos+1, 2));
  174. if ( !isNaN(day) )
  175. return day;
  176. }
  177. }
  178. }
  179. return 1;
  180. // var dt = new Date(_dt2_GetStdDate(document.all(ctn).value).replace("-", "/"))
  181. // return dt.getDate();
  182. }
  184. function _dt2_setDTYear(ctn, year) {
  185. _dt2_setDT(ctn, year, _dt2_getDTMonth(ctn), _dt2_getDTDay(ctn));
  186. }
  187. function _dt2_setDTMonth(ctn, month) {
  188. var year = _dt2_getDTYear(ctn);
  189. var day = _dt2_getDTDay(ctn);
  190. var maxDays = _dt2_getDayCount(year, month);
  191. day = day < maxDays ? day : maxDays;
  192. _dt2_setDT(ctn, year, month, day);
  193. }
  194. function _dt2_setDTDay(ctn, day) {
  195. _dt2_setDT(ctn, _dt2_getDTYear(ctn), _dt2_getDTMonth(ctn), day);
  196. }
  198. function _dt2_setDT(ctn, year, month, day) {
  199. document.all(ctn).value = _dt2_GetStdDate(year + "/" + (month < 10 ? "0" + month : month) + "/" + (day < 10 ? "0" + day : day));
  200. }
  201. function _dt2_onYearChange(ctn) {
  202. var year = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value);
  203. if (!isNaN(year)) {
  204. _dt2_setDTYear(ctn, year);
  205. _dt2_drawDTDays(ctn, year, _dt2_getDTMonth(ctn), _dt2_getDTDay(ctn));
  206. } else {
  207. alert("非法的年份格式，请重新输入年份")
  208. window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).focus();
  209. }
  210. }
  212. function _dt2_onMonthChange(ctn) {
  213. var month = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_cbb_month_" + ctn).value)
  214. if (month == 0)
  215. return;
  216. if ( !isNaN(month) ) {
  217. _dt2_setDTMonth(ctn, month);
  218. _dt2_drawDTDays(ctn, _dt2_getDTYear(ctn), month, _dt2_getDTDay(ctn));
  219. }
  220. }
  222. function _dt2_addYear(ctn) {
  223. var year = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value);
  224. if (isNaN(year)) {
  225. alert("非法的年份格式，请重新输入年份")
  226. window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).focus();
  227. return;
  228. }
  229. window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value = year + 1;
  230. _dt2_setDTYear(ctn, year+1);
  231. _dt2_drawDTDays(ctn, year + 1, _dt2_getDTMonth(ctn), _dt2_getDTDay(ctn));
  232. }
  234. function _dt2_subYear(ctn) {
  235. var year = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value);
  236. if (isNaN(year)) {
  237. alert("非法的年份格式，请重新输入年份")
  238. window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).focus();
  239. return;
  240. }
  241. window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value = year - 1;
  242. _dt2_setDTYear(ctn, year-1);
  243. _dt2_drawDTDays(ctn, year - 1, _dt2_getDTMonth(ctn), _dt2_getDTDay(ctn));
  244. }
  246. function _dt2_addMonth(ctn) {
  247. var month = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_cbb_month_" + ctn).value);
  248. var year = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value);
  250. if ( isNaN(year) || isNaN(month) )
  251. return;
  253. if ( month == 12 ) {
  254. year ++;
  255. month = 1;
  256. } else {
  257. month ++;
  258. }
  259. window.frames("_dt2_iframe_" + ctn).document.all("dt2_cbb_month_" + ctn).value = month;
  260. _dt2_setDT(ctn, year, month, _dt2_getDTDay(ctn));
  261. _dt2_drawDTDays(ctn, year, month, _dt2_getDTDay(ctn));
  262. }
  264. function _dt2_subMonth(ctn) {
  265. var month = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_cbb_month_" + ctn).value);
  266. var year = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value);
  268. if ( isNaN(year) || isNaN(month) )
  269. return;
  271. if ( month == 1 ) {
  272. year --;
  273. month = 12;
  274. } else {
  275. month --;
  276. }
  277. window.frames("_dt2_iframe_" + ctn).document.all("dt2_cbb_month_" + ctn).value = month;
  278. _dt2_setDT(ctn, year, month, _dt2_getDTDay(ctn));
  279. _dt2_drawDTDays(ctn, year, month, _dt2_getDTDay(ctn));
  280. }
  281. function _dt2_drawDTDays(ctn, year, month, day) {
  282. var dayCount = _dt2_getDayCount(year, month);
  283. var dayIndex = 0;
  284. var preMonthDayCount = 0, preMonthShowDayCount = 0, nextMonthShowDayCount = 0;
  285. var startDate;
  286. var table = window.frames("_dt2_iframe_" + ctn).document.all("_dt2_dttable_" + ctn).tBodies[0];
  288. if (month > 1) {
  289. startDate = new Date(year, month-1, 1);
  290. preMonthDayCount = _dt2_getDayCount(year, month-1);
  291. } else {
  292. startDate = new Date(year-1, 12, 1);
  293. preMonthDayCount = _dt2_getDayCount(year-1, 12);
  294. }
  295. var week = startDate.getDay();
  296. var strHTML = "";
  298. preMonthShowDayCount = week;
  299. if ( week > 0 ) { 
  300. if (month == 1) {
  301. for ( i = week; i > 0; i -- )
  302. _g_dt2_days[dayIndex++] = 31 - i + 1;
  303. } else {
  304. for ( i = week; i > 0; i -- )
  305. _g_dt2_days[dayIndex++] = preMonthDayCount - i + 1;
  306. }
  307. }
  308. for ( i = 0; i < dayCount; i ++ ) {
  309. _g_dt2_days[dayIndex++] = i + 1;
  310. }
  311. nextMonthShowDayCount = 42 - dayIndex;
  312. for ( i = 0; i < nextMonthShowDayCount; i ++ ) {
  313. _g_dt2_days[dayIndex++] = i + 1;
  314. }
  316. //clear all rows
  317. while ( table.rows.length > 0 ) {
  318. table.deleteRow()
  319. }
  321. for ( i = 0; i < 6; i++ ) {
  322. aRow = table.insertRow();
  323. for ( j = 0; j < 7; j++ ) {
  324. cell = aRow.insertCell();
  325. cell.align = "center";
  326. cell.onmousemove = new Function("this.style.cursor='hand'; if ( this.style.color != '#ffffff' ) this.style.backgroundColor='#4aff73';");
  327. cell.onmouseout = new Function("if ( this.style.color != '#ffffff' ) this.style.backgroundColor='#ffffff';");
  328. cell.style.fontSize="9pt";
  330. if ( (i*7 + j) < preMonthShowDayCount ) {
  331. cell.style.color = "#808080";
  332. cell.onclick = new Function("_dt2_on_selectDay('" + ctn + "', -1, " + _g_dt2_days[i*7 + j] + ");");
  333. }
  334. else if ( (42 - (i*7 + j)) <= nextMonthShowDayCount ) {
  335. cell.style.color = "#909090";
  336. cell.onclick = new Function("_dt2_on_selectDay('" + ctn + "', 1, " + _g_dt2_days[i*7 + j] + ");");
  337. }
  338. else if ( _g_dt2_days[i*7 + j] == day ) {
  339. cell.style.color = "#ffffff";
  340. cell.style.backgroundColor = "#004080";
  341. cell.onclick = new Function("_dt2_closeDTTable('" + ctn + "');");
  342. //cell.style.backgroundImage="url('" + _g_dt2_imgSelDay + "')";
  343. }
  344. else {
  345. cell.style.color = (j == 0 || j == 6) ? "#f00000" : "#000000";
  346. cell.onclick = new Function("_dt2_on_selectDay('" + ctn + "', 0, " + _g_dt2_days[i*7 + j] + ");");
  347. }
  348. cell.innerText = _g_dt2_days[i*7 + j];
  349. }
  350. }
  352. //return strHTML;
  353. }
  355. function _dt2_on_selectDay(ctn, flag, day) {
  356. var year = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_input_year_" + ctn).value);
  357. var month = parseInt(window.frames("_dt2_iframe_" + ctn).document.all("dt2_cbb_month_" + ctn).value);
  358. if ( isNaN(year) || isNaN(month) )
  359. return;
  360. if ( flag == -1 ) {
  361. if ( month == 1 ) {
  362. year --;
  363. month = 12;
  364. } else {
  365. month --;
  366. }
  367. }
  368. else if ( flag == 1 ) {
  369. if ( month == 12 ) {
  370. year ++;
  371. month = 1;
  372. } else {
  373. month ++;
  374. }
  375. }
  376. _dt2_setDT(ctn, year, month, day);
  377. _dt2_closeDTTable(ctn);
  378. document.all(ctn).focus();
  379. }
  381. function _dt2_getDayCount(year, month) {
  382. switch(month) { 
  383. case 1:case 3:case 5:case 7:case 8:case 10:case 12:
  384. return 31;
  385. case 4:case 6:case 9:case 11:
  386. return 30;
  387. case 2:
  388. return (((year%4)==0) && ((year%10)!=0) ) || ((year%100)==0) ? 29 : 28;
  389. default:
  390. return 31;
  391. }
  392. }
  394. function _dt2_check(ctn) {
  395. if ( !_dt2_CheckDate( document.all(ctn).value ) ) {
  396. document.all(ctn).focus();
  397. }
  398. }
  400. function _dt2_CheckDate( dateStr ) {
  401. var standStr
  402. var newDateObj
  403. var strErr, idxMonth, idxDay
  404. var year, month, day
  406. strErr1 = "标准的日期格式如：rn    短日期格式：2000-02-21 rn    长日期格式：2000-02-21 21:01:20 或 2000-02-21 21:01rn"
  407. if ( dateStr.length == 0 ) {
  408. alert("错误：日期不能为空，请输入标准格式的日期rnrn" + strErr1 )
  409. return false
  410. }
  411. standStr = dateStr.replace("-","/")
  412. if ( dateStr.indexOf("-", 0) != 2 && dateStr.indexOf("-", 0) != 4 ) {
  413. alert("错误：日期输入不规范！rnrn" + strErr1)
  414. return false;
  415. }
  416. idxMonth = dateStr.indexOf("-", 0) + 1
  417. idxDay = dateStr.indexOf("-", idxMonth) + 1
  419. year = dateStr.substring(0, idxMonth - 1)
  420. month = dateStr.substring(idxMonth, idxDay - 1)
  421. if ( month < 1 || month > 12 ) {
  422. alert("错误：输入的月份无效rn")
  423. return false
  424. }
  425. if (dateStr.indexOf(" ", idxDay) != -1)
  426. day = dateStr.substring(idxDay, dateStr.indexOf(" ", idxDay))
  427. else
  428. day = dateStr.substring(idxDay)
  429. newDateObj = new Date( standStr )
  430. if ( newDateObj == "NaN" ) {
  431. alert("错误：日期输入不规范！中间可能有空格或者字符rnrn" + strErr1)
  432. return false;
  433. }
  434. if ( day != newDateObj.getDate()) {
  435. alert("错误：日期不是正常公历日期！rnrn     公元" + parseInt(year) + "年" + parseInt(month) + "月没有" + day + "号！")
  436. return false;
  437. }
  438. return true;
  439. }
  440. function _dt2_GetStdDate( dateStr ) {
  441. var newDateObj
  442. var month, day
  444. newDateObj = new Date( dateStr.replace("-", "/") )
  445. if ( newDateObj == "NaN" )
  446. return dateStr;
  448. month = newDateObj.getMonth() + 1
  449. day = newDateObj.getDate()
  451. return newDateObj.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
  452. }