年月日时间表

制作这个时间选择的表,我第一想法就是写三个下拉列表框,之间再用事件连接起来。然后开始写,下拉列表用for循环很容易就写出来了。在连接的时候遇到了问题,第一个是怎么把我选中的这个数提取出来,因为要用来写判断条件。通过尝试找到这个selectedOptions[0].value,被选中第一项的属性值。下面遇到了更难解决的难题,就是每点击一次就会添加一次,不能保证是从初始状态开始的。最会实在是没有办法了,我想到可以添加一个样式,就是隐藏而且不占空间。而且样式就好去掉了。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select size="1" id="a1" style="width: 60px;"></select>
<select size="1" id="a2" style="width: 50px;"></select>
<select size="1" id="a3" style="width: 50px;"></select>
<body>
</html>
<script>
a1=document.getElementById(‘a1‘)
a2=document.getElementById(‘a2‘)
a3=document.getElementById("a3")
for(i=1900;i<2018;i++){
o=document.createElement(‘option‘)
o.innerText=i
a1.appendChild(o)
}
for(j=1;j<13;j++){
p=document.createElement(‘option‘)
p.innerText=j
a2.appendChild(p)
}
for(k=1;k<32;k++){
q=document.createElement(‘option‘)
q.innerText=k
a3.appendChild(q)
}
a2.onchange=function(){
a3.options[28].style.display="inline"
a3.options[29].style.display="inline"
a3.options[30].style.display="inline"
n=a1.selectedOptions[0].value
m=a2.selectedOptions[0].value
if(n%4==0&&n%100!=0||n%400==0){
if(m==2){
a3.options[30].style.display="none"
a3.options[29].style.display="none"
}else{
if(m==4||m==6||m==9||m==11){
a3.options[30].style.display="none"
}
}
}else{
if(m==2){
a3.options[28].style.display="none"
a3.options[30].style.display="none"
a3.options[29].style.display="none"
}else{
if(m==4||m==6||m==9||m==11){
a3.options[30].style.display="none"
}
}
}
}
a1.onchange=function(){
a3.options[28].style.display="inline"
a3.options[29].style.display="inline"
a3.options[30].style.display="inline"
n=a1.selectedOptions[0].value
m=a2.selectedOptions[0].value
if(n%4==0&&n%100!=0||n%400==0){
if(m==2){
a3.options[30].style.display="none"
a3.options[29].style.display="none"
}else{
if(m==4||m==6||m==9||m==11){
a3.options[30].style.display="none"
}
}
}else{
if(m==2){
a3.options[28].style.display="none"
a3.options[30].style.display="none"
a3.options[29].style.display="none"
}else{
if(m==4||m==6||m==9||m==11){
a3.options[30].style.display="none"
}
}
}
}
</script>

时间: 2024-11-05 12:21:36

年月日时间表的相关文章

//输出电脑系统的年月日星期以及时间

//输出电脑系统的年月日星期以及时间 var nowDate = new Date(); var year = nowDate.getFullYear(); var day = nowDate.getDate() < 10 ? "0" + nowDate.getDate(): nowDate.getDate(); var hours = nowDate.getHours() <10 ? "0" + nowDate.getHours(): nowDate.

输入年月日计算是星期几

偶然的机会看到了一个计算星期几的算法,感觉很怪异并且很有意思就记录一下,也与大家共勉.自己写的代码有些瑕疵,但重点是计算星期的算法值得思索. 问题:输入年月日计算是星期几? 代码如下: #include <stdio.h>int getWeek(int year, int month, int day){ int aWeek[12] = {0,3,2,5,0,3,5,1,4,6,2,4}; int week = 0; int temp = 0; if(year < 1 || month

年月日时间和64位时间的使用及相互转换

通常在我们的程序中,需要使用到年月日类型的时间,也需要使用64位整型的时间,比如存储到数据库中(数据库中对应的时间字段的类型则为big int数据类型).代码中会涉及到如何获取当前时间,以及年月日时间和64位时间之间的转换问题.下面就自己遇到的实际情况,做一个小的总结. 1.获取当前时间 获取当前时间的时间有多种,下面说说使用time函数,使用CTime类和使用SYSTEMTIME结构体这三种常见的获取当前时间的方法. (1)使用time函数获取当前时间 使用该函数的时候应该包含time.h头文

php Date()函数输出中文年月日时分秒

当然了,PHP的DATE函数是不可能直接输出中文的年月日的,但可以用下面这种方法自己写一个函数. 代码如下 复制代码 function today(){ date_default_timezone_set ("Asia/Chongqing"); $a=date("Y"); $b=date("m"); $c=date("d"); $d=date("G"); $e=date("i"); $f

输入年月日计算出是该年的第多少天

插件和工具介绍内容均收集于网络,太多了就不一一注明了,在此谢过! 1.Charles 为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析.Charles通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析.一个可查看所有HTTP和SSL/HTTPS流量的工具.这款工具对于你测试和服务器端进行交互的应用非常有用 2.xScope xScope带有六种不同的工具,帮助每一个设计者快速.精确的完成工作,这些工具功能灵活.强大,包括∶量

将日期类型转换成年月日的形式

如题. 1 namespace sanyuandemo 2 { 3 class Program 4 { 5 static void Main(string[] args) 6 { 7 DateTime dateTime = DateTime.Parse("2014-05-19"); 8 string str = dateTime.ToString("yyyy年M月dd日"); 9 Console.WriteLine(str); 10 Console.Read();

利用PHP+MySql+Ajax操作实现年月日联动功能

PHP+MySql+Ajax实现年月日的三级联动 <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script src="bootstrap/js/jquery-1.11.2.min.js"></script>        <s

shell脚本汇总 1 以年月日命名备份文件

shell脚本汇总 1 以年月日命名备份文件 #!/bin/bash # create a back package for mysql of ball and web of ballcloud # # backup mysql for ball and web for ballcloud cd /www/web/backup_ballcloud/ year=`date +%Y ` month=`date +%m ` day=`date +%d ` now=$year-$month-$day #

年月日 日期选择问题

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { height: 300px; width: 300px; margin: 0px auto; } </style> </head> <body> <