js日期控件 1
系統
1929 0
js代碼
?
<
SCRIPT?LANGUAGE
=
"
JavaScript
"
>
<!--
//
有效的時間范圍?
var
?date_start,date_end,g_object
var
?today?
=
?
new
?Date();
var
?separator
=
"
-
"
;
var
?inover
=
false
;
//
mode?:時間變換的類型0-年?1-月?2-直接選擇月
function
?change_date(temp,mode)
...
{
?
var
?t_month,t_year
????
if
?(mode)
...
{
????????
if
(mode
==
1
)
????????t_month
=
parseInt(cele_date_month.value,
10
)
+
parseInt(temp,
10
);
????????
else
????????t_month
=
parseInt(temp)
????????
if
?(t_month
<
cele_date_month.options(
0
).text)?
...
{
????????????cele_date_month.value
=
cele_date_month.options(cele_date_month.length
-
1
).text;
????????????change_date(parseInt(cele_date_year.value,
10
)
-
1
,
0
);
????????????}
????????
else
...
{
????????????
if
?(t_month
>
cele_date_month.options(cele_date_month.length
-
1
).text)
...
{
????????????????cele_date_month.value
=
cele_date_month.options(
0
).text;
????????????????change_date(parseInt(cele_date_year.value,
10
)
+
1
,
0
);
????????????????}
????????????
????????????
else
????????????????
...
{cele_date_month.value
=
t_month;
?????????????????set_cele_date(cele_date_year.value,cele_date_month.value);????????????????
????????????????}
????????}
????}
??
????
else
...
{
????????t_year
=
parseInt(temp,
10
);
????????
????????
if
?(t_year
<
cele_date_year.options(
0
).text)?
...
{
????????????cele_date_year.value
=
cele_date_year.options(
0
).text;
????????????set_cele_date(cele_date_year.value,
1
);????????????????
????????????}
????????
else
...
{
????????????
if
?(parseInt(t_year,
10
)
>
parseInt(cele_date_year.options(cele_date_year.length
-
1
).text,
10
))
...
{
????????????????cele_date_year.value
=
cele_date_year.options(cele_date_year.length
-
1
).text;
????????????????set_cele_date(cele_date_year.value,
12
);????????????????
????????????????}
????????????
????????????
else
????????????????
...
{cele_date_year.value
=
t_year;
?????????????????set_cele_date(cele_date_year.value,cele_date_month.value);????????????????
????????????????}
????????}
????}
????
/**/
/*
2002-02-01?MODIFY?BY?John?
*/
????window.cele_date.focus();
????
/**/
/*
MODIFY?END
*/
}
?
//
初始化日歷
function
?init(d_start,d_end)
...
{
?????
var
?temp_str;
?????
var
?i
=
0
?????
var
?j
=
0
?????date_start
=
new
?Date(
2000
,
7
,
1
)
?????date_end
=
new
?Date(
2004
,
8
,
1
)
?????
?????
//
必須要有內容(奇怪)
?????
/**/
/*
2002-02-01?MODIFY?BY?John?
*/
?????document.writeln(
"
<div?name="cele_date"?id="cele_date"??style="display:none"????style="LEFT:?69px;?POSITION:?absolute;?TOP:?159px;Z-INDEX:99"?onClick="event.cancelBubble=true;"?onBlur="hilayer()"?onMouseout="lostlayerfocus()">??</div>
"
);
?????
/**/
/*
MODIFY?END
*/
?????window.cele_date.innerHTML
=
""
;
?????temp_str
=
"
<table?border="2"?bgcolor="#D66939"?bordercolor="#000000"><tr?align="center"><td?colspan=7?bordercolor="#D66939"?onmouseover="overcolor(this)">
"
;
?????temp_str
+=
"
<input?type="Button"?value="& lt;<"?onclick="change_date(-1,1)"?onmouseover="getlayerfocus()"?style="color:?#FFFFFF;?background- color:?#A52810;?font-family:宋體;font-size:10px;text- align:center;border:2?solid?#A52810;?cursor:?hand">
"
;
//
左面的箭頭,#ffffff是<<顯示的顏色,#A52810是背景按鈕的顏色
?
?????
/**/
/*
2002-02-01?MODIFY?BY?John?
*/
?????
/**/
/*
temp_str+="<input?type="Button"?value="<<"?onclick="change_date(-1,1)"?>?";//左面的箭頭????????????????????????????????
*/
?????
/**/
/**/
?????
?????temp_str
+=
""
//
年?
?????temp_str
+=
"
<select?name="cele_date_year"?id="cele_date_year"?language="javascript"?onchange="change_date(this.value,0)"?onmouseover="getlayerfocus()"?onblur="getlayerfocus()"?style="font-size:?9pt;?border:?0px?#ffffff?outset;?background-color:?#F4F8FB">
"
//
#F4F8FB設置年下拉選擇框的顏色為白色
?
?????
/**/
/*
2002-02-01?MODIFY?BY?John?
*/
?????
/**/
/*
temp_str+="<select?name="cele_date_year"?id="cele_date_year"?language="javascript"?onchange="change_date(this.value,0)">"?
*/
?????
/**/
/**/
?
?????
for
?(i
=
2001
;i
<=
2009
;i
++
)
?????
...
{
?????temp_str
+=
"
<OPTION?value="
"
+
i.toString()
+
"
">
"
+
i.toString()
+
"
</OPTION>
"
;
?????}
?????temp_str
+=
"
</select>
"
;
?????temp_str
+=
""
//
月
?????temp_str
+=
"
<select?name="cele_date_month"?id="cele_date_month"?language="javascript"?onchange="change_date(this.value,2)"?onmouseover="getlayerfocus()"?onblur="getlayerfocus()"?style="font-size:?9pt;?border:?0px?#666666?outset;?background-color:?#F4F8FB">
"
//
#F4F8FB設置月下拉選擇框的顏色為白色
?
?????
/**/
/*
2002-02-01?MODIFY?BY?WING?*
*/
?????
/**/
/*
temp_str+="<select?name="cele_date_month"?id="cele_date_month"?language="javascript"?onchange="change_date(this.value,2)">"?
*/
?????
/**/
/**/
?
?????
for
?(i
=
1
;i
<=
12
;i
++
)
?????
...
{
?????temp_str
+=
"
<OPTION?value="
"
+
i.toString()
+
"
">
"
+
i.toString()
+
"
</OPTION>
"
;
?????}
?????temp_str
+=
"
</select>
"
;
?????temp_str
+=
""
//
右箭頭
?????temp_str
+=
"
<input?type="Button"?value="& gt;>"?onclick="change_date(1,1)"?onmouseover="getlayerfocus()"??style="color:?#FFFFFF;?background- color:?#A52810;?font-family:宋體;font-size:10px;text- align:center;border:2?solid?#A52810;?cursor:?hand">
"
;
//
#FFFFFF設置月右移雙箭頭的顏色為白色,#A52810設置月右移雙箭頭的背景色
?
?????
/**/
/*
2002-02-01?MODIFY?BY?WING?**
*/
?????
js日期控件 1
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元