最基本的日历代码 - 日历 - 软晨网（RuanChen.com）

当前位置: 首页 > 实例教程 > 脚本特效 > 日历 > 最基本的日历代码

日历: 最基本的日历代码; 可切换月份和年份的日历; 可切换月份和年份的日历2代; 日期输入日历; 弹出式日历

实例搜索

关键字

日历中的最基本的日历代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-07-27 浏览: 567 ::

收藏到网摘: n/a

无可切换月份和年份的日历

最基本的日历代码 - 软晨网（RuanChen.com）

Demo

样式 (放入head标签中)全选

JS代码 (放入head标签中)全选

<script type="text/javascript">
function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['January','February','March','April','May','June','July','August','September','October','November','December'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];
var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st
var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added
dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"SMTWTFS".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : ' ';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}
</script>

HTML中放置全选

无可切换月份和年份的日历

评论 (0) All