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

源码开发语言/平台
当前位置：首页 > 源码/资料 > Windows编程 > 数据库编程 > 查看源码
SelectDate.asp
资源名称：eat.rar　[点击查看]
上传用户：jisenq
上传日期：2014-06-29
资源大小：7216k
文件大小：11k
源码类别：

数据库编程

开发平台：

ASP/ASPX

SelectDate.asp：源码内容
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>选择日期</title>
  6. <link href="../images/skin/Css_<%=Session("Admin_Style_Num")%>/<%=Session("Admin_Style_Num")%>.css" rel="stylesheet" type="text/css">
  7. </head>
  8. <style type="text/css">
  9. <!--
  10. Body{
  11. cursor: default;
  13. }
  14. .IntialStyle{
  15. border-top-width: 1px;
  16. border-right-width: 1px;
  17. border-bottom-width: 1px;
  18. border-left-width: 1px;
  19. border-top-style: solid;
  20. border-right-style: solid;
  21. border-bottom-style: solid;
  22. border-left-style: solid;
  23. border-top-color: #000000;
  24. border-right-color: #FFFFFF;
  25. border-bottom-color: #FFFFFF;
  26. border-left-color: #000000;
  28. }
  29. .SelectStyle{
  31. }
  32. .DateMouseOver {
  33. border-top-width: 1px;
  34. border-right-width: 1px;
  35. border-bottom-width: 1px;
  36. border-left-width: 1px;
  37. border-top-style: solid;
  38. border-right-style: solid;
  39. border-bottom-style: solid;
  40. border-left-style: solid;
  41. border-top-color: #FFFFFF;
  42. border-right-color: #000000;
  43. border-bottom-color: #000000;
  44. border-left-color: #FFFFFF;
  45. }
  46. .DateStyle {
  47. cursor: default;
  48. border: 1px solid buttonface;
  49. }
  50. -->
  51. </style>
  52. <link href="../../CSS/ModeWindow.css" rel="stylesheet">
  53. <body>
  54. <div align="center">
  55.   <table border="0" cellspacing="0" cellpadding="0">
  56.     <tr> 
  57.       <td height="30" colspan="4" nowrap><select style="width:98%;" onChange="ChangeDateNum();" name="YearList">
  58.           <option value="1990">1990年</option>
  59.           <option value="1991">1991年</option>
  60.           <option value="1992">1992年</option>
  61.           <option value="1993">1993年</option>
  62.           <option value="1994">1994年</option>
  63.           <option value="1995">1995年</option>
  64.           <option value="1996">1996年</option>
  65.           <option value="1997">1997年</option>
  66.           <option value="1998">1998年</option>
  67.           <option value="1999">1999年</option>
  68.           <option value="2000">2000年</option>
  69.           <option value="2001">2001年</option>
  70.           <option value="2002">2002年</option>
  71.           <option value="2003">2003年</option>
  72.           <option value="2004">2004年</option>
  73.           <option value="2005">2005年</option>
  74.           <option value="2006">2006年</option>
  75.           <option value="2007">2007年</option>
  76.           <option value="2008">2008年</option>
  77.           <option value="2009">2009年</option>
  78.           <option value="2010">2010年</option>
  79.         </select> </td>
  80.       <td height="30" colspan="3" nowrap><select style="width:98%;" onChange="ChangeDateNum();" name="MonthList">
  81.           <option value="01">一月</option>
  82.           <option value="02">二月</option>
  83.           <option value="03">三月</option>
  84.           <option value="04">四月</option>
  85.           <option value="05">五月</option>
  86.           <option value="06">六月</option>
  87.           <option value="07">七月</option>
  88.           <option value="08">八月</option>
  89.           <option value="09">九月</option>
  90.           <option value="10">十月</option>
  91.           <option value="11">十一月</option>
  92.           <option value="12">十二月</option>
  93.         </select> </td>
  94.       <td height="30" colspan="3" align="center" nowrap>
  95. <table onMouseOver="this.className='DateMouseOver';" onMouseOut="this.className='';" onMouseDown="this.className='IntialStyle';" onClick="TimeClick();" width="80%" border="1" cellspacing="0" cellpadding="0">
  96.           <tr> 
  97.             <td align="center" bordercolor="buttonface"><font size="3"><span id="TimeInput"></span></font></td>
  98.           </tr>
  99.         </table> 
  100.       </td>
  101.       <td height="30" align="center"><span onClick="SetEmpty();" style="cursor:hand;color:red;">清空</span></td>
  102.     </tr>
  103.     <tr> 
  104.       <td width="30" height="30" align="center" class="DateStyle">1</td>
  105.       <td width="30" height="30" align="center" class="DateStyle">2</td>
  106.       <td width="30" height="30" align="center" class="DateStyle">3</td>
  107.       <td width="30" height="30" align="center" class="DateStyle">4</td>
  108.       <td width="30" height="30" align="center" class="DateStyle">5</td>
  109.       <td width="30" height="30" align="center" class="DateStyle">6</td>
  110.       <td width="30" height="30" align="center" class="DateStyle">7</td>
  111.       <td width="30" height="30" align="center" class="DateStyle">8</td>
  112.       <td width="30" height="30" align="center" class="DateStyle">9</td>
  113.       <td width="30" height="30" align="center" class="DateStyle">10</td>
  114.       <td width="30" height="30" align="center" class="DateStyle">11</td>
  115.     </tr>
  116.     <tr> 
  117.       <td height="30" align="center" class="DateStyle">12</td>
  118.       <td height="30" align="center" class="DateStyle">13</td>
  119.       <td height="30" align="center" class="DateStyle">14</td>
  120.       <td height="30" align="center" class="DateStyle">15</td>
  121.       <td height="30" align="center" class="DateStyle">16</td>
  122.       <td height="30" align="center" class="DateStyle">17</td>
  123.       <td height="30" align="center" class="DateStyle">18</td>
  124.       <td height="30" align="center" class="DateStyle">19</td>
  125.       <td height="30" align="center" class="DateStyle">20</td>
  126.       <td height="30" align="center" class="DateStyle">21</td>
  127.       <td height="30" align="center" class="DateStyle">22</td>
  128.     </tr>
  129.     <tr> 
  130.       <td height="30" align="center" class="DateStyle">23</td>
  131.       <td height="30" align="center" class="DateStyle">24</td>
  132.       <td height="30" align="center" class="DateStyle">25</td>
  133.       <td height="30" align="center" class="DateStyle">26</td>
  134.       <td height="30" align="center" class="DateStyle">27</td>
  135.       <td height="30" align="center" class="DateStyle">28</td>
  136.       <td height="30" id="Date29" align="center" class="DateStyle">29</td>
  137.       <td height="30" id="Date30" align="center" class="DateStyle">30</td>
  138.       <td height="30" id="Date31" align="center" class="DateStyle">31</td>
  139.       <td height="30" align="center">&nbsp;</td>
  140.       <td height="30" align="center">&nbsp;</td>
  141.     </tr>
  142.   </table>
  143.   
  144. </div>
  145. </body>
  146. </html>
  147. <script language="JavaScript">
  148. var bInitialized = false;
  149. var AlreadySelectDate='';
  150. window.setInterval('SetTimeInput();',1000);
  151. function document.onreadystatechange()
  152. {
  153. if (document.readyState!="complete") return;
  154. if (bInitialized) return;
  155. bInitialized = true;
  156. var i,Curr;
  157. for (i=0; i<document.body.all.length;i++)
  158. {
  159. Curr=document.body.all[i];
  160. if (Curr.className == "DateStyle") InitBtn(Curr);
  161. }
  162. var NowDate,YearStr,MonthStr,DateStr;
  163. NowDate=new Date();
  164. YearStr=NowDate.getYear();
  165. MonthStr=NowDate.getMonth()+1;
  166. DateStr=NowDate.getDate();
  167. SelectOption(document.all.YearList,YearStr);
  168. SelectOption(document.all.MonthList,MonthStr);
  169. SelectDate(DateStr);
  170. AlreadySelectDate=DateStr;
  171. SetTimeInput();
  172. ChangeDateNum();
  173. }
  174. function SetTimeInput()
  175. {
  176. var NowDate=new Date();
  177. var MinuteStr= new String(NowDate.getMinutes());
  178. if (MinuteStr.length==1) MinuteStr='0'+MinuteStr;
  179. var SecondStr=new String(NowDate.getSeconds());
  180. if (SecondStr.length==1) SecondStr='0'+SecondStr;
  181. var TimeStr=NowDate.getHours()+':'+MinuteStr+':'+SecondStr;
  182. document.all.TimeInput.innerText=TimeStr;
  183. }
  184. function InitBtn(btn) 
  185. {
  186. btn.onmouseover = BtnMouseOver;
  187. btn.onmouseout = BtnMouseOut;
  188. btn.onmousedown = BtnMouseDown;
  189. btn.onmouseup = BtnMouseOut;
  190. btn.onclick=DateClick;
  191. btn.ondblclick=DateDblClick;
  192. btn.disabled=false;
  193. return true;
  194. }
  195. function BtnMouseOver() 
  196. {
  197. var image = event.srcElement;
  198. image.className = "DateMouseOver";
  199. event.cancelBubble = true;
  200. }
  201. function BtnMouseOut() 
  202. {
  203. var image = event.srcElement;
  204. image.className = "DateStyle";
  205. event.cancelBubble = true;
  206. }
  207. function BtnMouseDown() 
  208. {
  209. var image = event.srcElement;
  210. image.className = "IntialStyle";
  211. event.cancelBubble = true;
  212. event.returnValue=false;
  213. return false;
  214. }
  215. function SelectOption(SelectObj,Val)
  216. {
  217. for (var i=0;i<SelectObj.options.length;i++)
  218. {
  219. if (SelectObj.options(i).value==Val) SelectObj.options(i).selected=true;
  220. }
  221. }
  222. function SelectDate(Val)
  223. {
  224. for(var i=0;i<document.all.length;i++)
  225. {
  226. if (document.all(i).innerText==Val)
  227. {
  228. //document.all(i).className='IntialStyle';
  229. document.all(i).bgColor='highlight';
  230. document.all(i).style.color='white';
  231. }
  232. }
  233. }
  234. function DateClick()
  235. {
  236. AlreadySelectDate=event.srcElement.innerText;
  237. for (var i=0;i<document.all.length;i++)
  238. {
  239. document.all(i).bgColor='';
  240. document.all(i).style.color='Black';
  241. }
  242. event.srcElement.bgColor='highlight';
  243. event.srcElement.style.color='white';
  244. }
  245. function DateDblClick()
  246. {
  247. var TempDateStr='';
  248. TempDateStr=event.srcElement.innerText;
  249. if (TempDateStr.length==1) TempDateStr='0'+TempDateStr;
  250. window.returnValue=document.all.YearList.value+'-'+document.all.MonthList.value+'-'+TempDateStr;
  251. window.close();
  252. }
  253. function TimeClick()
  254. {
  255. var TempDateStr='';
  256. TempDateStr=AlreadySelectDate;
  257. if (TempDateStr.length==1) TempDateStr='0'+TempDateStr;
  258. window.returnValue=document.all.YearList.value+'-'+document.all.MonthList.value+'-'+AlreadySelectDate+' '+document.all.TimeInput.innerText;
  259. window.close();
  260. }
  261. window.onunload=CheckReturnValue;
  262. function CheckReturnValue()
  263. {
  264. if (typeof(window.returnValue)!='string') window.returnValue='007007007007';
  265. }
  266. function SetEmpty()
  267. {
  268. window.returnValue='';
  269. window.close();
  270. }
  271. function ChangeDateNum()
  272. {
  273. var YearStr=document.all.YearList.value;
  274. var MonthStr=document.all.MonthList.value;
  275. var DateNumber=GetDayNum(YearStr,MonthStr);
  276. switch (DateNumber)
  277. {
  278. case 31:
  279. document.all.Date29.style.display='';
  280. document.all.Date30.style.display='';
  281. document.all.Date31.style.display='';
  282. break;
  283. case 30:
  284. document.all.Date29.style.display='';
  285. document.all.Date30.style.display='';
  286. document.all.Date31.style.display='none';
  287. break;
  288. case 29:
  289. document.all.Date29.style.display='';
  290. document.all.Date30.style.display='none';
  291. document.all.Date31.style.display='none';
  292. break;
  293. case 28:
  294. document.all.Date29.style.display='none';
  295. document.all.Date30.style.display='none';
  296. document.all.Date31.style.display='none';
  297. break;
  298. default :
  299. document.all.Date29.style.display='none';
  300. document.all.Date30.style.display='none';
  301. document.all.Date31.style.display='none';
  302. }
  303. }
  304. function GetDayNum(YearVar, MonthVar)
  305. {
  306.     var Temp,LeapYear,i,BigMonth;
  307.     var BigMonthArray=new Array('01','03','05','07','08','10','12');
  308.     YearVar=parseInt(YearVar);
  309.     //MonthVar=parseInt(MonthVar);
  310.     Temp=parseInt(YearVar/4);
  311.     if (YearVar==Temp*4) LeapYear=true;
  312.     else LeapYear = false
  313.     for(i=0;i<BigMonthArray.length;i++)
  314. {
  315.         if (MonthVar==BigMonthArray[i])
  316. {
  317. BigMonth=true;
  318.             break;
  319. }
  320.         else BigMonth=false;
  321.     }
  322.     if (BigMonth==true) return 31;
  323.     else
  324. {
  325.         if (MonthVar==2)
  326. {
  327.             if (LeapYear==true) return 29;
  328.             else return 28;
  329. }
  330.         else  return 30;
  331.     }
  332. }
  333. </script>