JS+HTML语言编写出生日期,年月日列表
年月日列表:要求当年和月列表发生改变时,刷新日列表
原理:
大月:31天
小月:30天
2月:闰年29天,平年28天
知识点:selec列表框的使用,通过options集合的add()方法添加列表项,或者通过select对象的appendChild()添加列表项
闰年判断:(1)能被4整除但是不能被100整除(2)能被400整除
<!doctype html>
<html>
<head><meta charset="utf-8"/><title>年月日列表</title>
<script>window.onload=function(){var oY=document.getElementById("year");var oM=document.getElementById("month");var oD=document.getElementById("day");//oY.options.add(new Option(1970));//oY.appendChild(new Option(1971));ini(oY,oM,oD);oY.onchange=function(){ref(oY,oM,oD);}oM.onchange=function(){ref(oY,oM,oD);}}//任务一:初始化年月日列表框function ini(y,m,d){for(var i=1970;i<2051;i++){y.appendChild(new Option(i));}for(var i=1;i<13;i++){m.appendChild(new Option(i));}for(var i=1;i<32;i++){d.appendChild(new Option(i));}}//任务二:当年、月列表框内容改变时,刷新日列表框function ref(y,m,d){var yv=y.value;var mv=m.value;var dv;switch(parseInt(mv)){case 1:case 3:case 5:case 7:case 8: case 10:case 12: dv=31;break;case 4:case 6:case 9:case 11:dv=30;break;case 2:if((yv%4==0&&yv%100!=0)||(yv%400==0)){dv=29;}else{dv=28;}break;}d.length=0;//清空日列表for(var i=1;i<dv+1;i++){d.appendChild(new Option(i));}}</script>
</head>
<body><label for="">出生日期:</label><select name="" id="year"></select>年<select name="" id="month"></select>月<select name="" id="day"></select>日
</body>
</html>
JS+HTML语言编写出生日期,年月日列表相关推荐
- 无Bug,Java语言编写根据出生日期判断属相和星座
根据出生日期判断属相和星座,Java语言编写,无bug 习题代码 package com.newer.oop;import java.util.InputMismatchException; impo ...
- linux gui编程语言,使用 Red 语言编写 GUI 应用程序
一句话概括 - 使用 Red 语言编写原生跨平台桌面 GUI. 尝试在 Windows 上使用 PyInstaller 将"可执行"的 ducktape 封装在 Python 脚本 ...
- 纯前端语言编写音乐播放器
纯前端语言编写音乐播放器 html代码 index.html <!DOCTYPE html> <html lang="en"><head>< ...
- 用C语言编写万年历6,C语言编写万年历
<C语言编写万年历>由会员分享,可在线阅读,更多相关<C语言编写万年历(8页珍藏版)>请在人人文库网上搜索. 1.C语言编写万年历 [要求]:1 程序运行后,首先在屏幕上显示主 ...
- python叫什么语言-python是什么语言编写的
python是什么语言编写的? python是C语言编写的. 自从20世纪90年代初Python语言诞生至今,它已被逐渐广泛应用于系统管理任务的处理和Web编程. Python的创始人为荷兰人吉多·范 ...
- Redox随笔(1)-用Rust语言编写的类UNIX操作系统
Redox是一个用Rust语言编写的类UNIX操作系统 , 它的目标是把Rust语言的创新带入到一个现代的微内核和全系列的应用程序. https://www.redox-os.org/zh/docs/ ...
- ibe加密原理_ibe 基于身份的IBE加密源代码,采用C++语言编写,能够运行。 Crypt_De algrithms 解密 238万源代码下载- www.pudn.com...
文件名称: ibe下载 收藏√ [ 5 4 3 2 1 ] 开发工具: Visual C++ 文件大小: 3128 KB 上传时间: 2014-06-08 下载次数: 8 详细说明:基于身份 ...
- cgic: 为C语言编写CGI的C函数库
http://www.qqread.com/cgi-perl/v223877.html cgic: 为c语言编写CGI的C函数库 由Thomas Boutell开发 目录 CGIC介绍 怎样写CGIC ...
- C语言编写工资管理系统类似学生管理系统
C语言编写工资管理系统类似学生管理系统 开始界面和菜单界面B void start() //开始界面 {system("cls");//清屏 system("color ...
最新文章
- go 一个文件引进另一个文件_一个浏览 GitHub 文件的神操作!
- 在C#中使用代理的方式触发事件 (委托和事件 ) (转)
- python花瓣飘零_Python爬虫练习之花瓣网
- LeetCode 112. 路径总和 、113. 路径总和 II 思考分析
- python spider怎么用_python爬虫入门(七)Scrapy框架之Spider类
- Java文件上传细讲,大厂 HR 如何面试
- vba 字体颜色_VBA第一章自检,23关,你能破吗?
- 计算机页面图形颠倒,电脑屏幕倒过来了如何解决
- 【NOIP2004】【Luogu1086】花生采摘(枚举,给定顺序的模拟)
- 安卓手表ADB实用工具箱
- grub4dos初级教程
- unity期末大作业消消乐小游戏(附下载链接)
- 开源边缘计算平台研究分析
- Winform UI界面设计例程——侧边框栏折叠
- 怎样把已经做好的网页传到网上去?
- iOS 常用快捷键 摆脱菜鸟!!
- laravel结合easyWeChat的使用
- 微信小程序实现两数相加
- zabbix搭建详细全过程,以及遇到的问题
- Random类中的nextInt()函数