平年:
2月-->28天
4,6,9,11月-->30天
1,3,5,7,8,10,12月-->31天
闰年:
2月-->29天
4,6,9,11月-->30天
1,12月-->31天
闰年的计算方式:
1、年份/100
2、如果 年份/100有余数 , 年份/4 没有余数 是闰年
如果 年份/100没余数 , 年份/400 没有余数 是闰年
function year(years){ return years%100 == 0 ? (years%400 == 0 ? 1 : 0) : (years%4 == 0 ? 1 : 0);//判断闰年;如果是闰年返回1,平年返回0 } day(mouths,fn){//fn --> year()函数 if(fn == 1 && mouths == 2){ return 29; }else{ if(mouths == 2){ return 28; }else if(mouths == 4 || 6 || 7 || 9 || 11){//4 6 7 9 11 -> 30 return 30{ return 31; } } }
下面是全部代码:
html:
<div id="datebox"></div><!--选完日期后填入的地方--> style="display: flex;"> class="years"> </="mouth" style="display: none"> ="day"> >
css:
<style> .years,.mouth,.day{ width: 90px; height: 200px; overflow-y: scroll; } </style>
javascript:
var startYear = 1918; var years = document.getElementsByClassName('years')[0]; var mouth = document.getElementsByClassName('mouth')[0var days = document.getElementsByClassName('day')[0for(var k = startYear; k <= 2017; k++){ var node = createNode(k); years.appendChild(node); } var m = 1; m <= 12; m++ createNode(m); mouth.appendChild(node); } createDay(option){ var i = 1; i <= option; i++ createNode(i); days.appendChild(node); } } createNode (num){ var node = document.createElement('a'); node.innerHTML = num; node.style.display = 'block'; return node; } year(years){ ); } ; } } } years.addEventListener('click',(e){ var temps = []; temps.push(e.target.innerHTML); mouth.style.display = 'block'; mouth.addEventListener('click',1)">(e){ temps.push(e.target.innerHTML); days.style.display = 'block'; createDay(day(temps[1],year(temps[2]))); days.addEventListener('click',1)">(e){ temps.push(e.target.innerHTML); var dates = temps[0] + '年' + temps[1] + '月' + temps[2] + '日'; datebox.innerHTML = dates; this.style.display = 'none'; mouth.style.display = 'none'; years.style.display = 'none'; }) }) })
原文地址:https://www.cnblogs.com/guojikun
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。