jQuery实现日历效果

2023-07-16 21:19:03 299

显示详细签到详情

//JavaScriptDocument varnstr=newDate();//获取当前日期 varchangedYear=nstr.getFullYear();//年份 varchangedMonth=nstr.getMonth();//月份 vardnow=nstr.getDate();//今日日期 varn1str=newDate(changedYear,changedMonth,1);//当月第一天Date varinitfirstday=n1str.getDay();//当月第一天星期几 vardaynumber=getMonthAllDay(changedMonth,changedYear); showCanledar(changedMonth,initfirstday,dnow,daynumber); reloadyear(); reloadmonth(1); functionreloadyear(){ varinitYearSelect=$("#currentyearoption"); initYearSelect.each(function(){ if($(this).val().substring(0,4)==changedYear){ $(this).attr("selected",true); } }); } functionreloadmonth(isinit){ varinitMonthSelect=$("#currentmonthoption"); initMonthSelect.each(function(){ if(isinit==1){ if($(this).index()==changedMonth){ $(this).attr("selected",true); } }else{ if($(this).index()==changedMonth-1){ $(this).attr("selected",true); } } }); } //是否为闰年 functionis_leap(year){ return(year%100==0?res=(year%400==0?1:0) :res=(year%4==0?1:0)); } //获得下拉列表的年 functiongetNewYear(){ //alert("得到年"); return$("#currentyearoption:selected").text().substring(0,4); } //获得下拉列表的月 functiongetNewMonth(){ //alert("得到月"); return$("#currentmonthoption:selected").text(); } //获取当月的天数 functiongetMonthAllDay(month,year){ varm_days=newArray(31,28+is_leap(year),31,30,31,30,31,31,30, 31,30,31); returnm_days[month]; } //获得某年某月某日是星期几 functiongetFirstWeekDay(year,month,day){ vardate=newDate(); date.setFullYear(year); date.setMonth(month); date.setDate(day); returndate.getDay(); } //获得表格行数 functionrequiredRows(allday,firstday){ vartrstr=Math.ceil((allday+firstday)/7); //alert("trstr"+trstr); returntrstr; } /*显示日历*/ functionshowCanledar(month,firstday,dnow,allday){ varrows=requiredRows(allday,firstday); vartb=""; tb+=""; tb+=""; tb+=""; tb+=""; tb+=""; tb+="日一二三四五六"; tb+=""; for(vari=0;iallday)?tb+="" :tb+=""+date_str+"";//过滤无效日期（小于等于零的、大于月总天数的） //打印日期：今天底色为红 //查询月签到情况 } tb+=""; //表格的行结束 } tb+="";//表格结束 $(".signincalendar").html(tb); } /**改变年后触发事件,jquery1.9版本废除了live()方法，使用on代替**/ varreg=newRegExp("^[0-9]*$"); $(function(){ $(document).on('change','#currentyear',function(){ changedYear=getNewYear(); changedMonth=getNewMonth(); commChanged(); reloadyear(); reloadmonth(0); }); $(document).on('change','#currentmonth',function(){ changedMonth=getNewMonth(); commChanged(); reloadyear(); reloadmonth(0); }); }); functioncommChanged(){ varfirstweekday=getFirstWeekDay(changedYear,parseInt(changedMonth)-1, 1); //alert("firstweekday="+firstweekday); varallday=getMonthAllDay(parseInt(changedMonth)-1,changedYear); //alert("allday="+allday); showCanledar(changedMonth,firstweekday,9,allday); }

jQuery实现日历效果

热门推荐

随机推荐