javascript依据月份生产日历

  javascript依据输入的年份和月份生成日历对象。源代码如下

javascript依据月份生产日历

<title>javascript依据月份生产日历</title>
<input type="text" onblur="renderCalendar(this.value)"/>
<div id="dv"></div>
<script>
function renderCalendar(v){
   if(/^\d{4}-\d{1,2}$/.test(v)){
     var d=new Date(v.replace(/-/,'/')+'/1'),s='<table border="1"><tr><td>星期日</td><td> 星期一</td><td>星期二</td><td>星期三 </td><td>星期四</td><td>星期五 </td><td>星期六</td></tr>',m=d.getMonth(),nextm=m==11?1:m+1,nowm;
var day=d.getDay();
if(day!=0)d.setDate(d.getDate()-day);
s+='<tr>';
j=31+day;
for(var i=1;i<=j;i++){
nowm=d.getMonth();
if(nowm==nextm)break;
s+='<td>'+(nowm==m?(nowm+1)+'-'+d.getDate():' ')+'</td>';
d.setDate(d.getDate()+1);
if(i%7==0)s+='</tr><tr>';
}
day=d.getDay();
if(day!=0){
j=7-day;
for(var i=0;i<j;i++)s+='<td> </td>';
}
s+='</tr>';
document.getElementById('dv').innerHTML=s+'</table>';
   }
}
</script>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:javascript依据月份生产日历

评论(0)Web开发网
阅读(106)喜欢(1)JavaScript/Ajax开发技巧