准确的时间选择框-JS特效-爱易网页

准确的时间选择框

日期：2014-05-18　浏览次数：20265 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
第一步：把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//set todays date
Now = new Date();
NowDay = Now.getDate();
NowMonth = Now.getMonth();
NowYear = Now.getYear();
if (NowYear < 2000) NowYear += 1900; //for Netscape

//function for returning how many days there are in a month including leap years
function DaysInMonth(WhichMonth, WhichYear)
{
  var DaysInMonth = 31;
  if (WhichMonth == "Apr" || WhichMonth == "Jun" || WhichMonth == "Sep" || WhichMonth == "Nov") DaysInMonth = 30;
  if (WhichMonth == "Feb" && (WhichYear/4) != Math.floor(WhichYear/4))	DaysInMonth = 28;
  if (WhichMonth == "Feb" && (WhichYear/4) == Math.floor(WhichYear/4))	DaysInMonth = 29;
  return DaysInMonth;
}

//function to change the available days in a months
function ChangeOptionDays(Which)
{
  DaysObject = eval("document.Form1." + Which + "Day");
  MonthObject = eval("document.Form1." + Which + "Month");
  YearObject = eval("document.Form1." + Which + "Year");

Month = MonthObject[MonthObject.selectedIndex].text;
  Year = YearObject[YearObject.selectedIndex].text;

DaysForThisSelection = DaysInMonth(Month, Year);
  CurrentDaysInSelection = DaysObject.length;
  if (CurrentDaysInSelection > DaysForThisSelection)
  {
    for (i=0; i<(CurrentDaysInSelection-DaysForThisSelection); i++)
    {
      DaysObject.options[DaysObject.options.length - 1] = null
    }
  }
  if (DaysForThisSelection > CurrentDaysInSelection)
  {
    for (i=0; i<(DaysForThisSelection-CurrentDaysInSelection); i++)
    {
      NewOption = new Option(DaysObject.options.length + 1);
      DaysObject.add(NewOption);
    }
  }
    if (DaysObject.selectedIndex < 0) DaysObject.selectedIndex == 0;
}

//function to set options to today
function SetToToday(Which)
{
  DaysObject = eval("document.Form1." + Which + "Day");
  MonthObject = eval("document.Form1." + Which + "Month");
  YearObject = eval("document.Form1." + Which + "Year");

YearObject[0].selected = true;
  MonthObject[NowMonth].selected = true;

ChangeOptionDays(Which);

DaysObject[NowDay-1].selected = true;
}

//function to write option years plus x
function WriteYearOptions(YearsAhead)
{
  line = "";
  for (i=0; i<YearsAhead; i++)
  {
    line += "<OPTION>";
    line += NowYear + i;
  }
  return line;
}
//  End -->
</script>
<FORM name="Form1">
<SELECT name="FirstSelectDay">
	<OPTION>1
	<OPTION>2
	<OPTION>3
	<OPTION>4
	<OPTION>5
	<OPTION>6
	<OPTION>7
	<OPTION>8
	<OPTION>9
	<OPTION>10
	<OPTION>11
	<OPTION>12
	<OPTION>13
	<OPTION>14
	<OPTION>15
	<OPTION>16
	<OPTION>17
	<OPTION>18
	<OPTION>19
	<OPTION>20
	<OPTION>21
	<OPTION>22
	<OPTION>23
	<OPTION>24
	<OPTION>25
	<OPTION>26
	<OPTION>27
	<OPTION>28
	<OPTION>29
	<OPTION>30
	<OPTION>31
</SELECT>
<SELECT name="FirstSelectMonth" onchange="ChangeOptionDays('FirstSelect')">
	<OPTION>Jan
	<OPTION>Feb
	<OPTION>Mar
	<OPTION>Apr
	<OPTION>May
	<OPTION>Jun
	<OPTION>Jul
	<OPTION>Aug
	<OPTION>Sep
	<OPTION>Oct
	<OPTION>Nov
	<OPTION>Dec
</SELECT>
<SELECT name="FirstSelectYear" onchange="ChangeOptionDays('FirstSelect')">
	<SCRIPT language="JavaScript">
		document.write(WriteYearOptions(50));
	</SCRIPT>
</SELECT>
</FORM>

第二步：请把<body>中的内容改为：
<body bgcolor="#fef4d9" onLoad="SetToToday('FirstSelect');">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

准确的时间选择框

相关资料更多>

推荐阅读更多>