链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·日历和时间钟
 ·农历日期
 ·选择日期
 ·日历
 ·停留时间
 ·完整日期
 ·时钟
 ·柱状时钟
 ·日期选择菜单
 ·背景时钟
您当前位置:好素材首页 -> 网页特效 -> 日期类
查看信息

选择日期
好素材网 www.HaoSc.com 02月22日 11:49

[查看演示]  源码如下
----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>选择日期-www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>

<BODY>
<script>
now = new Date();
function writeYears(obj, date)
{
var years = date.getYear()+100
for (var i=1949; i<2010; i++)
{
var opt = document.createElement("option")
opt.text = opt.value = i
obj.add(opt)
}
}
function writeMonths(obj)
{
for (var i=1; i<13; i++)
{
var opt = document.createElement("option")
opt.text = opt.value = Math.floor(i/10) ? i : "0"+i
obj.add(opt)
}
}
function writeDate(obj, year, month)
{
var date = new Date(""+year+"/"+(parseInt(month)+1)+"/"+0).getDate()
var selectedIndex = (date-1)<obj.selectedIndex ? (date-1) : obj.selectedIndex
var len = obj.options.length
if (date>len)
for (var i=len+1; i<=date; i++)
{
var opt = document.createElement("option")
opt.text = opt.value = Math.floor(i/10) ? i : "0"+i
obj.add(opt)
}
else
for (var i=date; i<len; i++)
{
obj.remove(obj.length-1)
}
obj.selectedIndex = selectedIndex
}
function changeDate()
{
var c_year = eval("document.forms[0].c_year")
var c_month = eval("document.forms[0].c_month")
var c_day = eval("document.forms[0].c_day")

writeDate(c_day, c_year.options(c_year.selectedIndex).value, c_month.options(c_month.selectedIndex).value)
}
</script>
<form>
<select name="c_year" onchange="changeDate()" style="font-family: Tahoma; font-size: 18pt; color: #000080; font-weight: bold;"></select>年<select name="c_month" onchange="changeDate()" style="font-family: Tahoma; font-size: 18pt; color: #000080; font-weight: bold;"></select>月<select name="c_day" style="font-family: Tahoma; font-size: 18pt; color: #000080; font-weight: bold;"></select>日</form>
<script language="javascript" type="text/javascript">
writeYears(document.forms[0].c_year, now)
document.forms[0].c_year.value = now.getYear()

writeMonths(document.forms[0].c_month)
this_month = now.getMonth()+1
if (this_month<10){this_month = "0"+this_month}
document.forms[0].c_month.value = this_month
writeDate(document.forms[0].c_day, now.getYear(), now.getMonth()+1)
nowday = now.getDate()
if (nowday<10){nowday="0"+(now.getDate())*1}
document.forms[0].c_day.value = nowday
</script>
</BODY>
</HTML>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>


此信息共 1 页 [1]