js年月日下拉框IE,Firefox,Opera浏览器都可以使用

js代码

1. //========================取系统时间==========================================
2. function getlocaltime(){
3.     
4.     if(typeof(HTMLElement)!="undefined" && !window.opera) 
5. { 
6.     HTMLElement.prototype.__defineGetter__("outerHTML",function() 
7.     { 
8.         var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++) 
9.         if(a[i].specified) 
10.             str+=" "+a[i].name+'="'+a[i].value+'"'; 
11.         if(!this.canHaveChildren) 
12.             return str+" />"; 
13.         return str+">"+this.innerHTML+"</"+this.tagName+">"; 
14.     }); 
15.     HTMLElement.prototype.__defineSetter__("outerHTML",function(s) 
16.     { 
17.         var r = this.ownerDocument.createRange(); 
18.         r.setStartBefore(this); 
19.         var df = r.createContextualFragment(s); 
20.         this.parentNode.replaceChild(df, this); 
21.         return s; 
22.     }); 
23.     HTMLElement.prototype.__defineGetter__("canHaveChildren",function() 
24.     { 
25.         return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); 
26.     }); 
27. var strYYYY = document.getElementById("f1").yearo1.outerHTML;
28. var strMM = document.getElementById("f1").montho1.outerHTML;
29. var strDD = document.getElementById("f1").dayss1.outerHTML;
30. var strHH=document.getElementById("f1").hours1.outerHTML;
31. var strmm=document.getElementById("f1").mini1.outerHTML;
32. var MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
34. } else{
35.     var strYYYY = document.getElementById("f1").yearo1.outerHTML;
36. var strMM = document.getElementById("f1").montho1.outerHTML;
37. var strDD = document.getElementById("f1").dayss1.outerHTML;
38. var strHH=document.getElementById("f1").hours1.outerHTML;
39. var strmm=document.getElementById("f1").mini1.outerHTML;
40. var MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
41.     }
43. //先给年下拉框赋内容
44. var y = new Date().getFullYear();
45. //在<select name=yearo1 οnchange="YYYYMM1(this.value)"></select>之间插入正确的代码
46. var str = strYYYY.substring(0, strYYYY.length - 9);
47. for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年
48. {
49. str += "<option value=" + i + "> " + i + "</option>/r/n";
50. }
51. document.getElementById("f1").yearo1.outerHTML = str +"</select>";
53. //赋月份的下拉框
54. var str = strMM.substring(0, strMM.length - 9);
55. for (var i = 1; i < 13; i++)
56. {
57. if(i>9){
58. str += "<option value="+i+ "> " + i + "</option>/r/n";
59. }else{
60. str += "<option value=0"+i+"> " + i + "</option>/r/n";
61. }
63. }
64. document.getElementById("f1").montho1.outerHTML = str +"</select>";
66. document.getElementById("f1").yearo1.value = y;
67. var monthtemp=parseInt(new Date().getMonth())+1;
69. if(monthtemp>9){
70. document.getElementById("f1").montho1.value=monthtemp;
71. }else{
72. document.getElementById("f1").montho1.value='0'+monthtemp;
73. }
74. //获取对应下标值
75. var n = MonHead[new Date().getMonth()];
76. //判断是否是闰年
77. if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)){
78.     //总天数+1
79. n++;
80. }
81. //赋日期下拉框
82.  writeDay1(n); 
83.  //得到当前日期
84. var mtemp=new Date().getDate();
85.     if(mtemp>9){
86.                 document.getElementById("f1").dayss1.value=mtemp;
87.     }else{
88.                 document.getElementById("f1").dayss1.value ="0"+mtemp;
89.     }
90. //赋小时值
91. var strhour=strHH.substring(0,strHH.length-9);
92. for(var i=0;i<24;i++){
93. if(i>9){
94. strhour+= "<option value='" + i + "'> " + i + "</option>/r/n";
95. }else{
96. strhour+= "<option value=0"+i+">0" + i + "</option>/r/n";
97. }
98. }document.getElementById("f1").hours1.outerHTML=strhour+"</select>";
100. //获得当前小时
101. var mtemp=new Date().getHours();
102. if(mtemp>9){
103.         document.getElementById("f1").hours1.value=mtemp;
104.     }else{
105.         document.getElementById("f1").hours1.value ="0"+mtemp;
106.     }
108. //赋值分钟
109. var strmin=strmm.substring(0,strmm.length-9);
110. for(var i=0;i<60;i++){
111. if(i>9){
112. strmin+= "<option value='" + i + "'> " + i + "</option>/r/n";
113. }else{
114. strmin+= "<option value=0"+i+">0" + i + "</option>/r/n";
115. }
116. }
117. document.getElementById("f1").mini1.outerHTML=strmin+"</select>";
118. // 获得当前分钟
119.     var mtemp=new Date().getMinutes();
120.     if(mtemp>9){
121.         document.getElementById("f1").mini1.value=mtemp;
122.     }else{
123.         document.getElementById("f1").mini1.value ="0"+mtemp;
124.     }
125. }
126. //============处理函数===============
127. //年发生变化时日期发生变化(主要是判断闰平年)    
128. function YYYYMM1(str) 
129. {
130.     if(typeof(HTMLElement)!="undefined" && !window.opera) 
131. { 
132.     HTMLElement.prototype.__defineGetter__("outerHTML",function() 
133.     { 
134.         var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++) 
135.         if(a[i].specified) 
136.             str+=" "+a[i].name+'="'+a[i].value+'"'; 
137.         if(!this.canHaveChildren) 
138.             return str+" />"; 
139.         return str+">"+this.innerHTML+"</"+this.tagName+">"; 
140.     }); 
141.     HTMLElement.prototype.__defineSetter__("outerHTML",function(s) 
142.     { 
143.         var r = this.ownerDocument.createRange(); 
144.         r.setStartBefore(this); 
145.         var df = r.createContextualFragment(s); 
146.         this.parentNode.replaceChild(df, this); 
147.         return s; 
148.     }); 
149.     HTMLElement.prototype.__defineGetter__("canHaveChildren",function() 
150.     { 
151.         return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); 
152.     }); 
153.     
154.     
155.             strDD ="<select name=dayss1></select>";
156.             var strDD = document.getElementById("f1").dayss1.outerHTML;
157.             var MMvalue = document.getElementById("f1").montho1.options[document.getElementById("f1").montho1.selectedIndex].value;
158.             if (MMvalue == ""){
159.             dayss1.outerHTML = strDD; 
160.             return;
161.             }
162.             var n = MonHead[MMvalue - 1];
163.             if (
164.             MMvalue =='02' && IsPinYear(str)) n++;
165.             writeDay1(n)
166. } else{
167.             strDD ="<select name=dayss1></select>";
168.             var strDD = document.getElementById("f1").dayss1.outerHTML;
169.             var MMvalue = document.getElementById("f1").montho1.options[document.getElementById("f1").montho1.selectedIndex].value;
170.             if (MMvalue == ""){
171.             dayss1.outerHTML = strDD; 
172.             return;
173.         }
174.         var n = MonHead[MMvalue - 1];
175.         if (
176.         MMvalue =='02' && IsPinYear(str)) n++;
177.         writeDay1(n)
178.     }
180. }
181. function MMDD1(str) //月发生变化时日期联动
182. {
183.     if(typeof(HTMLElement)!="undefined" && !window.opera) 
184. { 
185.     HTMLElement.prototype.__defineGetter__("outerHTML",function() 
186.     { 
187.         var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++) 
188.         if(a[i].specified) 
189.             str+=" "+a[i].name+'="'+a[i].value+'"'; 
190.         if(!this.canHaveChildren) 
191.             return str+" />"; 
192.         return str+">"+this.innerHTML+"</"+this.tagName+">"; 
193.     }); 
194.     HTMLElement.prototype.__defineSetter__("outerHTML",function(s) 
195.     { 
196.         var r = this.ownerDocument.createRange(); 
197.         r.setStartBefore(this); 
198.         var df = r.createContextualFragment(s); 
199.         this.parentNode.replaceChild(df, this); 
200.         return s; 
201.     }); 
202.     HTMLElement.prototype.__defineGetter__("canHaveChildren",function() 
203.     { 
204.         return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); 
205.     }); 
206.     
207.         strDD ="<select name=dayss1></select>";
208.             var YYYYvalue = document.getElementById("f1").yearo1.options[document.getElementById("f1").yearo1.selectedIndex].value;
209.             if (str == ""){dayss1.outerHTML = strDD; return;}
210.             var n = MonHead[str - 1];
211.             if (str =="02" && IsPinYear(YYYYvalue)) n++;
212.             writeDay1(n)
213. } else{
214.             strDD ="<select name=dayss1></select>";
215.             var YYYYvalue = document.getElementById("f1").yearo1.options[document.getElementById("f1").yearo1.selectedIndex].value;
216.             if (str == ""){dayss1.outerHTML = strDD; return;}
217.             var n = MonHead[str - 1];
218.             if (str =="02" && IsPinYear(YYYYvalue)) n++;
219.             writeDay1(n)
220. }
221. }
222. function writeDay1(n) //据条件写日期的下拉框
223. {
224.     if(typeof(HTMLElement)!="undefined" && !window.opera) 
225. { 
226.     HTMLElement.prototype.__defineGetter__("outerHTML",function() 
227.     { 
228.         var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++) 
229.         if(a[i].specified) 
230.             str+=" "+a[i].name+'="'+a[i].value+'"'; 
231.         if(!this.canHaveChildren) 
232.             return str+" />"; 
233.         return str+">"+this.innerHTML+"</"+this.tagName+">"; 
234.     }); 
235.     HTMLElement.prototype.__defineSetter__("outerHTML",function(s) 
236.     { 
237.         var r = this.ownerDocument.createRange(); 
238.         r.setStartBefore(this); 
239.         var df = r.createContextualFragment(s); 
240.         this.parentNode.replaceChild(df, this); 
241.         return s; 
242.     }); 
243.     HTMLElement.prototype.__defineGetter__("canHaveChildren",function() 
244.     { 
245.         return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); 
246.     }); 
247.     
248.         strDD ="<select name=dayss1></select>";
249.             var s = strDD.substring(0, strDD.length - 9);
250.             for (var i=1; i<(n+1); i++)
251.             {
252.                 if(i>9){
253.                     s += "<option value=" + i + "> " + i + "</option>/r/n"
254.                 }else{
255.                 s += "<option value=0" + i + "> " + i + "</option>/r/n"
256.                 }
257.             }
258.             document.getElementById("f1").dayss1.outerHTML = s +"</select>";
259.     
260. } else{
261.             strDD ="<select name=dayss1></select>";
262.             var s = strDD.substring(0, strDD.length - 9);
263.             for (var i=1; i<(n+1); i++)
264.             {
265.                 if(i>9){
266.                     s += "<option value=" + i + "> " + i + "</option>/r/n"
267.                 }else{
268.                 s += "<option value=0" + i + "> " + i + "</option>/r/n"
269.                 }
270.             }
271.             
272.             document.getElementById("f1").dayss1.outerHTML = s +"</select>";
273. }
274.     
275. }
276. function IsPinYear(year)//判断是否闰平年
277. { return(0 == year%4 && (year%100 !=0 || year%400 == 0))
278. }
279.