JS实例4
2024-04-16 12:58:37
根据当前年的前五年后五年的年月日
<select id="nian" onclick="Bian()"></select>年
<select id="yue" onclick="Bian()"></select>月
<select id="ri"></select>日
布局大的框架和效果然后写入年的函数并且调用年的函数
FillYear()
function FillYear()
{
var b = new Date();
var nian = parseInt(b.getFullYear());
var str;
for(var i=nian-5;i<nian+6;i++)
{
str = str+"<option>"+i+"</option>";
}
document.getElementById("nian").innerHTML = str; }
写入月的函数并且调用月的函数
FillYue()
function FillYue()
{
var b = new Date();
var y = parseInt(b.getMonth()+1);
var str;
for(var i=1;i<13;i++)
{
str = str+"<option>"+i+"</option>";
}
document.getElementById("yue").innerHTML = str;
写入日的函数并且调用日的函数
闰年是可以被四整除不能被100整除，并且可以被400整除，1 3 5 7 8 10 12每个月31年闰年2月28天
FillTian()
function FillTian()
{
var b = new Date();
var r = parseInt(b.getDate());
var nian = document.getElementById("nian").value;
var yue = document.getElementById("yue").value; ts=31; if(yue==4 || yue==6 || yue==9 || yue==11)
{
ts=30;
}
if(yue==2)
{
if((nian%4==0 && nian%100!=0) || nian%400==0)
{
ts=29;
}
else
{
ts=28;
}
}
var str;
for(var i=1;i<ts+1;i++)
{
str = str+"<option>"+i+"</option>"; }
document.getElementById("ri").innerHTML = str;
}
默认选中为当前的年月日
FillYear();
FillYue();
FillTian();
function FillYear()
{
var b = new Date();
var nian = parseInt(b.getFullYear());
var str;
for(var i=nian-5;i<nian+6;i++)
{
if(i==nian)
{
str = str+"<option selected='selected'>"+i+"</option>";
}
else
{
str = str+"<option>"+i+"</option>";
}
}
document.getElementById("nian").innerHTML = str; }
function FillYue()
{
var b = new Date();
var y = parseInt(b.getMonth()+1);
var str;
for(var i=1;i<13;i++)
{
if(i==y)
{
str = str+"<option selected='selected'>"+i+"</option>";
}
else
{
str = str+"<option>"+i+"</option>";
}
}
document.getElementById("yue").innerHTML = str;
}
function FillTian()
{
var b = new Date();
var r = parseInt(b.getDate());
var nian = document.getElementById("nian").value;
var yue = document.getElementById("yue").value; ts=31; if(yue==4 || yue==6 || yue==9 || yue==11)
{
ts=30;
}
if(yue==2)
{
if((nian%4==0 && nian%100!=0) || nian%400==0)
{
ts=29;
}
else
{
ts=28;
}
}
var str;
for(var i=1;i<ts+1;i++)
{
if(i==r)
{
str = str+"<option selected='selected'>"+i+"</option>";
}
else
{
str = str+"<option>"+i+"</option>";
}
}
document.getElementById("ri").innerHTML = str;
}
最后用年月日的函数使日跟着年月变
最后加一组函数
function Bian()
{
FillTian();
}
最新文章
- PHP CLI编程基础知识积累（进程、子进程、线程）
- 【转】cvs2svn 把CVS档案库转换为SVN档案库
- springMVC(注解版笔记)
- 智传播客hadoop视频学习笔记(共2天)
- POJ3279 Fliptile 枚举+简单搜索
- [JIT_APP]Java基础知识总结
- JDK6、Oracle11g、Weblogic10 For Linux64Bit安装部署说明
- sql语句判断两个时间段是否有交集
- excel 删除重复项
- [Python]IO密集型任务 VS 计算密集型任务
- SQL Server Management Studio 教程二： 创建新登录名
- Go语言开发的第一步,安装开发环境编写第一个Go程序
- c4 L3-001 找零钱 （简单01背包-输出最小字典序解（用vector保存当前最优解））
- pl/sql developer 设置oracle的date类型默认显示样式
- 实验五分析system_call中断处理过程
- Linux Guard Service - 守护进程再次分裂子进程
- Mac下Homebrew的图形化界面工具Cakebrew
- VS2010 C++ 创建COM组件
- SharePoint服务器端对象模型 完结
- Ubuntu下Python使用MySQLdb远程连接数据库的常见问题及解决方案