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

源码开发语言/平台
当前位置：首页 > 源码/资料 > 行业应用 > OA系统 > 查看源码
TimePicker.js
资源名称：oa.rar　[点击查看]
上传用户：kimgenplus
上传日期：2016-06-05
资源大小：20877k
文件大小：15k
源码类别：

OA系统

开发平台：

Java

TimePicker.js：源码内容
  1. /*
  2. Copyright (c) 2004-2006, The Dojo Foundation
  3. All Rights Reserved.
  5. Licensed under the Academic Free License version 2.1 or above OR the
  6. modified BSD license. For more information on Dojo licensing, see:
  8. http://dojotoolkit.org/community/licensing.shtml
  9. */
  13. dojo.provide("dojo.widget.TimePicker");
  14. dojo.require("dojo.widget.*");
  15. dojo.require("dojo.widget.HtmlWidget");
  16. dojo.require("dojo.event.*");
  17. dojo.require("dojo.date.serialize");
  18. dojo.require("dojo.date.format");
  19. dojo.require("dojo.dom");
  20. dojo.require("dojo.html.style");
  21. dojo.requireLocalization("dojo.i18n.calendar", "gregorian", null, "ko,zh-cn,zh,sv,ja,en,zh-tw,it,hu,nl,fi,zh-hk,fr,pt,ROOT,es,de,pt-br");
  22. dojo.requireLocalization("dojo.widget", "TimePicker", null, "ROOT");
  23. dojo.widget.defineWidget("dojo.widget.TimePicker", dojo.widget.HtmlWidget, function () {
  24. this.time = "";
  25. this.useDefaultTime = false;
  26. this.useDefaultMinutes = false;
  27. this.storedTime = "";
  28. this.currentTime = {};
  29. this.classNames = {selectedTime:"selectedItem"};
  30. this.any = "any";
  31. this.selectedTime = {hour:"", minute:"", amPm:"", anyTime:false};
  32. this.hourIndexMap = ["", 2, 4, 6, 8, 10, 1, 3, 5, 7, 9, 11, 0];
  33. this.minuteIndexMap = [0, 2, 4, 6, 8, 10, 1, 3, 5, 7, 9, 11];
  34. }, {isContainer:false, templateString:"<div class="timePickerContainer" dojoAttachPoint="timePickerContainerNode">nt<table class="timeContainer" cellspacing="0" >ntt<thead>nttt<tr>ntttt<td class="timeCorner cornerTopLeft" valign="top">&nbsp;</td>ntttt<td class="timeLabelContainer hourSelector">${this.calendar.field-hour}</td>ntttt<td class="timeLabelContainer minutesHeading">${this.calendar.field-minute}</td>ntttt<td class="timeCorner cornerTopRight" valign="top">&nbsp;</td>nttt</tr>ntt</thead>ntt<tbody>nttt<tr>ntttt<td valign="top" colspan="2" class="hours">nttttt<table align="center">ntttttt<tbody dojoAttachPoint="hourContainerNode"  ntttttttdojoAttachEvent="onClick: onSetSelectedHour;">nttttttt<tr>ntttttttt<td>12</td>ntttttttt<td>6</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>1</td>ntttttttt<td>7</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>2</td>ntttttttt<td>8</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>3</td>ntttttttt<td>9</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>4</td>ntttttttt<td>10</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>5</td>ntttttttt<td>11</td>nttttttt</tr>ntttttt</tbody>nttttt</table>ntttt</td>ntttt<td valign="top" class="minutes" colspan="2">nttttt<table align="center">ntttttt<tbody dojoAttachPoint="minuteContainerNode" ntttttttdojoAttachEvent="onClick: onSetSelectedMinute;">nttttttt<tr>ntttttttt<td>00</td>ntttttttt<td>30</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>05</td>ntttttttt<td>35</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>10</td>ntttttttt<td>40</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>15</td>ntttttttt<td>45</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>20</td>ntttttttt<td>50</td>nttttttt</tr>nttttttt<tr>ntttttttt<td>25</td>ntttttttt<td>55</td>nttttttt</tr>ntttttt</tbody>nttttt</table>ntttt</td>nttt</tr>nttt<tr>ntttt<td class="cornerBottomLeft">&nbsp;</td>ntttt<td valign="top" class="timeOptions">nttttt<table class="amPmContainer">ntttttt<tbody dojoAttachPoint="amPmContainerNode" ntttttttdojoAttachEvent="onClick: onSetSelectedAmPm;">nttttttt<tr>ntttttttt<td id="am">${this.calendar.am}</td>ntttttttt<td id="pm">${this.calendar.pm}</td>nttttttt</tr>ntttttt</tbody>nttttt</table>ntttt</td>ntttt<td class="timeOptions">nttttt<div dojoAttachPoint="anyTimeContainerNode" nttttttdojoAttachEvent="onClick: onSetSelectedAnyTime;" nttttttclass="anyTimeContainer">${this.widgetStrings.any}</div>ntttt</td>ntttt<td class="cornerBottomRight">&nbsp;</td>nttt</tr>ntt</tbody>nt</table>n</div>n", templateCssString:"/*Time Picker */n.timePickerContainer {ntwidth:122px;ntfont-family:Tahoma, Myriad, Helvetica, Arial, Verdana, sans-serif;ntfont-size:16px;n}nn.timeContainer {ntborder-collapse:collapse;ntborder-spacing:0;n}nn.timeContainer thead {ntcolor:#293a4b;ntfont-size:0.9em;ntfont-weight:700;n}nn.timeContainer thead td {ntpadding:0.25em;ntfont-size:0.80em;ntborder-bottom:1px solid #6782A8;n}nn.timeCorner {ntwidth:10px;n}nn.cornerTopLeft {ntbackground: url("images/dpCurveTL.png") top left no-repeat;n}nn.cornerTopRight {ntbackground: url("images/dpCurveTR.png") top right no-repeat;n}nn.timeLabelContainer {ntbackground: url("images/dpMonthBg.png") top left repeat-x;n}nn.hours, .minutes, .timeBorder {ntbackground: #7591bc url("images/dpBg.gif") top left repeat-x;nn}nn.hours td, .minutes td {ntpadding:0.2em;nttext-align:center;ntfont-size:0.7em;ntfont-weight:bold;ntcursor:pointer;ntcursor:hand;ntcolor:#fff;n}nn.minutes {ntborder-left:1px solid #f5d1db;n}nn.hours {ntborder-right:1px solid #6782A8;n}nn.hourSelector {ntborder-right:1px solid #6782A8;ntpadding:5px;ntpadding-right:10px;n}nn.minutesSelector {ntpadding:5px;ntborder-left:1px solid #f5c7d4;nttext-align:center;n}nn.minutesHeading {ntpadding-left:9px !important;n}nn.timeOptions {ntbackground-color:#F9C9D7;n}nn.timeContainer .cornerBottomLeft, .timeContainer .cornerBottomRight, .timeContainer .timeOptions {ntborder-top:1px solid #6782A8;n}nn.timeContainer .cornerBottomLeft {ntbackground: url("images/dpCurveBL.png") bottom left no-repeat !important;ntwidth:9px !important;ntpadding:0;ntmargin:0;n}nn.timeContainer .cornerBottomRight {ntbackground: url("images/dpCurveBR.png") bottom right no-repeat !important;ntwidth:9px !important;ntpadding:0;ntmargin:0;n}nn.timeOptions {ntcolor:#fff;ntbackground:url("images/dpYearBg.png") top left repeat-x;nn}nn.selectedItem {ntbackground-color:#fff;ntcolor:#6782a8 !important;n}nn.timeOptions .selectedItem {ntcolor:#fff !important;ntbackground-color:#9ec3fb !important;n}nn.anyTimeContainer {nttext-align:center;ntfont-weight:bold;ntfont-size:0.7em;ntpadding:0.1em;ntcursor:pointer;ntcursor:hand;ntcolor:#fff !important;n}nn.amPmContainer {ntwidth:100%;n}nn.amPmContainer td {nttext-align:center;ntfont-size:0.7em;ntfont-weight:bold;ntcursor:pointer;ntcursor:hand;ntcolor:#fff;n}nnnn/*.timePickerContainer {ntmargin:1.75em 0 0.5em 0;ntwidth:10em;ntfloat:left;n}nn.timeContainer {ntborder-collapse:collapse;ntborder-spacing:0;n}nn.timeContainer thead td{ntborder-bottom:1px solid #e6e6e6;ntpadding:0 0.4em 0.2em 0.4em;n}nn.timeContainer td {ntfont-size:0.9em;ntpadding:0 0.25em 0 0.25em;nttext-align:left;ntcursor:pointer;cursor:hand;n}nn.timeContainer td.minutesHeading {ntborder-left:1px solid #e6e6e6;ntborder-right:1px solid #e6e6e6;tn}nn.timeContainer .minutes {ntborder-left:1px solid #e6e6e6;ntborder-right:1px solid #e6e6e6;n}nn.selectedItem {ntbackground-color:#3a3a3a;ntcolor:#ffffff;n}*/n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/TimePicker.css"), postMixInProperties:function (localProperties, frag) {
  35. dojo.widget.TimePicker.superclass.postMixInProperties.apply(this, arguments);
  36. this.calendar = dojo.i18n.getLocalization("dojo.i18n.calendar", "gregorian", this.lang);
  37. this.widgetStrings = dojo.i18n.getLocalization("dojo.widget", "TimePicker", this.lang);
  38. }, fillInTemplate:function (args, frag) {
  39. var source = this.getFragNodeRef(frag);
  40. dojo.html.copyStyle(this.domNode, source);
  41. if (args.value) {
  42. if (args.value instanceof Date) {
  43. this.storedTime = dojo.date.toRfc3339(args.value);
  44. } else {
  45. this.storedTime = args.value;
  46. }
  47. }
  48. this.initData();
  49. this.initUI();
  50. }, initData:function () {
  51. if (this.storedTime.indexOf("T") != -1 && this.storedTime.split("T")[1] && this.storedTime != " " && this.storedTime.split("T")[1] != "any") {
  52. this.time = dojo.widget.TimePicker.util.fromRfcDateTime(this.storedTime, this.useDefaultMinutes, this.selectedTime.anyTime);
  53. } else {
  54. if (this.useDefaultTime) {
  55. this.time = dojo.widget.TimePicker.util.fromRfcDateTime("", this.useDefaultMinutes, this.selectedTime.anyTime);
  56. } else {
  57. this.selectedTime.anyTime = true;
  58. this.time = dojo.widget.TimePicker.util.fromRfcDateTime("", 0, 1);
  59. }
  60. }
  61. }, initUI:function () {
  62. if (!this.selectedTime.anyTime && this.time) {
  63. var amPmHour = dojo.widget.TimePicker.util.toAmPmHour(this.time.getHours());
  64. var hour = amPmHour[0];
  65. var isAm = amPmHour[1];
  66. var minute = this.time.getMinutes();
  67. var minuteIndex = parseInt(minute / 5);
  68. this.onSetSelectedHour(this.hourIndexMap[hour]);
  69. this.onSetSelectedMinute(this.minuteIndexMap[minuteIndex]);
  70. this.onSetSelectedAmPm(isAm);
  71. } else {
  72. this.onSetSelectedAnyTime();
  73. }
  74. }, setTime:function (date) {
  75. if (date) {
  76. this.selectedTime.anyTime = false;
  77. this.setDateTime(dojo.date.toRfc3339(date));
  78. } else {
  79. this.selectedTime.anyTime = true;
  80. }
  81. this.initData();
  82. this.initUI();
  83. }, setDateTime:function (rfcDate) {
  84. this.storedTime = rfcDate;
  85. }, onClearSelectedHour:function (evt) {
  86. this.clearSelectedHour();
  87. }, onClearSelectedMinute:function (evt) {
  88. this.clearSelectedMinute();
  89. }, onClearSelectedAmPm:function (evt) {
  90. this.clearSelectedAmPm();
  91. }, onClearSelectedAnyTime:function (evt) {
  92. this.clearSelectedAnyTime();
  93. if (this.selectedTime.anyTime) {
  94. this.selectedTime.anyTime = false;
  95. this.time = dojo.widget.TimePicker.util.fromRfcDateTime("", this.useDefaultMinutes);
  96. this.initUI();
  97. }
  98. }, clearSelectedHour:function () {
  99. var hourNodes = this.hourContainerNode.getElementsByTagName("td");
  100. for (var i = 0; i < hourNodes.length; i++) {
  101. dojo.html.setClass(hourNodes.item(i), "");
  102. }
  103. }, clearSelectedMinute:function () {
  104. var minuteNodes = this.minuteContainerNode.getElementsByTagName("td");
  105. for (var i = 0; i < minuteNodes.length; i++) {
  106. dojo.html.setClass(minuteNodes.item(i), "");
  107. }
  108. }, clearSelectedAmPm:function () {
  109. var amPmNodes = this.amPmContainerNode.getElementsByTagName("td");
  110. for (var i = 0; i < amPmNodes.length; i++) {
  111. dojo.html.setClass(amPmNodes.item(i), "");
  112. }
  113. }, clearSelectedAnyTime:function () {
  114. dojo.html.setClass(this.anyTimeContainerNode, "anyTimeContainer");
  115. }, onSetSelectedHour:function (evt) {
  116. this.onClearSelectedAnyTime();
  117. this.onClearSelectedHour();
  118. this.setSelectedHour(evt);
  119. this.onSetTime();
  120. }, setSelectedHour:function (evt) {
  121. if (evt && evt.target) {
  122. if (evt.target.nodeType == dojo.dom.ELEMENT_NODE) {
  123. var eventTarget = evt.target;
  124. } else {
  125. var eventTarget = evt.target.parentNode;
  126. }
  127. dojo.event.browser.stopEvent(evt);
  128. dojo.html.setClass(eventTarget, this.classNames.selectedTime);
  129. this.selectedTime["hour"] = eventTarget.innerHTML;
  130. } else {
  131. if (!isNaN(evt)) {
  132. var hourNodes = this.hourContainerNode.getElementsByTagName("td");
  133. if (hourNodes.item(evt)) {
  134. dojo.html.setClass(hourNodes.item(evt), this.classNames.selectedTime);
  135. this.selectedTime["hour"] = hourNodes.item(evt).innerHTML;
  136. }
  137. }
  138. }
  139. this.selectedTime.anyTime = false;
  140. }, onSetSelectedMinute:function (evt) {
  141. this.onClearSelectedAnyTime();
  142. this.onClearSelectedMinute();
  143. this.setSelectedMinute(evt);
  144. this.selectedTime.anyTime = false;
  145. this.onSetTime();
  146. }, setSelectedMinute:function (evt) {
  147. if (evt && evt.target) {
  148. if (evt.target.nodeType == dojo.dom.ELEMENT_NODE) {
  149. var eventTarget = evt.target;
  150. } else {
  151. var eventTarget = evt.target.parentNode;
  152. }
  153. dojo.event.browser.stopEvent(evt);
  154. dojo.html.setClass(eventTarget, this.classNames.selectedTime);
  155. this.selectedTime["minute"] = eventTarget.innerHTML;
  156. } else {
  157. if (!isNaN(evt)) {
  158. var minuteNodes = this.minuteContainerNode.getElementsByTagName("td");
  159. if (minuteNodes.item(evt)) {
  160. dojo.html.setClass(minuteNodes.item(evt), this.classNames.selectedTime);
  161. this.selectedTime["minute"] = minuteNodes.item(evt).innerHTML;
  162. }
  163. }
  164. }
  165. }, onSetSelectedAmPm:function (evt) {
  166. this.onClearSelectedAnyTime();
  167. this.onClearSelectedAmPm();
  168. this.setSelectedAmPm(evt);
  169. this.selectedTime.anyTime = false;
  170. this.onSetTime();
  171. }, setSelectedAmPm:function (evt) {
  172. var eventTarget = evt.target;
  173. if (evt && eventTarget) {
  174. if (eventTarget.nodeType != dojo.dom.ELEMENT_NODE) {
  175. eventTarget = eventTarget.parentNode;
  176. }
  177. dojo.event.browser.stopEvent(evt);
  178. this.selectedTime.amPm = eventTarget.id;
  179. dojo.html.setClass(eventTarget, this.classNames.selectedTime);
  180. } else {
  181. evt = evt ? 0 : 1;
  182. var amPmNodes = this.amPmContainerNode.getElementsByTagName("td");
  183. if (amPmNodes.item(evt)) {
  184. this.selectedTime.amPm = amPmNodes.item(evt).id;
  185. dojo.html.setClass(amPmNodes.item(evt), this.classNames.selectedTime);
  186. }
  187. }
  188. }, onSetSelectedAnyTime:function (evt) {
  189. this.onClearSelectedHour();
  190. this.onClearSelectedMinute();
  191. this.onClearSelectedAmPm();
  192. this.setSelectedAnyTime();
  193. this.onSetTime();
  194. }, setSelectedAnyTime:function (evt) {
  195. this.selectedTime.anyTime = true;
  196. dojo.html.setClass(this.anyTimeContainerNode, this.classNames.selectedTime + " " + "anyTimeContainer");
  197. }, onClick:function (evt) {
  198. dojo.event.browser.stopEvent(evt);
  199. }, onSetTime:function () {
  200. if (this.selectedTime.anyTime) {
  201. this.time = new Date();
  202. var tempDateTime = dojo.widget.TimePicker.util.toRfcDateTime(this.time);
  203. this.setDateTime(tempDateTime.split("T")[0]);
  204. } else {
  205. var hour = 12;
  206. var minute = 0;
  207. var isAm = false;
  208. if (this.selectedTime["hour"]) {
  209. hour = parseInt(this.selectedTime["hour"], 10);
  210. }
  211. if (this.selectedTime["minute"]) {
  212. minute = parseInt(this.selectedTime["minute"], 10);
  213. }
  214. if (this.selectedTime["amPm"]) {
  215. isAm = (this.selectedTime["amPm"].toLowerCase() == "am");
  216. }
  217. this.time = new Date();
  218. this.time.setHours(dojo.widget.TimePicker.util.fromAmPmHour(hour, isAm));
  219. this.time.setMinutes(minute);
  220. this.setDateTime(dojo.widget.TimePicker.util.toRfcDateTime(this.time));
  221. }
  222. this.onValueChanged(this.time);
  223. }, onValueChanged:function (date) {
  224. }});
  225. dojo.widget.TimePicker.util = new function () {
  226. this.toRfcDateTime = function (jsDate) {
  227. if (!jsDate) {
  228. jsDate = new Date();
  229. }
  230. jsDate.setSeconds(0);
  231. return dojo.date.strftime(jsDate, "%Y-%m-%dT%H:%M:00%z");
  232. };
  233. this.fromRfcDateTime = function (rfcDate, useDefaultMinutes, isAnyTime) {
  234. var tempDate = new Date();
  235. if (!rfcDate || rfcDate.indexOf("T") == -1) {
  236. if (useDefaultMinutes) {
  237. tempDate.setMinutes(Math.floor(tempDate.getMinutes() / 5) * 5);
  238. } else {
  239. tempDate.setMinutes(0);
  240. }
  241. } else {
  242. var tempTime = rfcDate.split("T")[1].split(":");
  243. var tempDate = new Date();
  244. tempDate.setHours(tempTime[0]);
  245. tempDate.setMinutes(tempTime[1]);
  246. }
  247. return tempDate;
  248. };
  249. this.toAmPmHour = function (hour) {
  250. var amPmHour = hour;
  251. var isAm = true;
  252. if (amPmHour == 0) {
  253. amPmHour = 12;
  254. } else {
  255. if (amPmHour > 12) {
  256. amPmHour = amPmHour - 12;
  257. isAm = false;
  258. } else {
  259. if (amPmHour == 12) {
  260. isAm = false;
  261. }
  262. }
  263. }
  264. return [amPmHour, isAm];
  265. };
  266. this.fromAmPmHour = function (amPmHour, isAm) {
  267. var hour = parseInt(amPmHour, 10);
  268. if (isAm && hour == 12) {
  269. hour = 0;
  270. } else {
  271. if (!isAm && hour < 12) {
  272. hour = hour + 12;
  273. }
  274. }
  275. return hour;
  276. };
  277. };