前面在百度知道上回答问题时修改了一个旅游网的日历,修改的原因是原来的太难用了,不易调用。于是就有了这个版本。

 

界面如图:

调用代码如下:

<script type=”text/javascript“>
//c:容器,y:年,m:月,a:出发时间json,f:是否显示双日历,fu:回调调
var para={‘c’:’calendarcontainer’,
‘y’:2014,
‘m’:2,
‘a’:{
‘d1′:’2014-01-30’,//最早时间
‘d2’:’2014-05-05’//最晚时间
},
‘f’:1,//显示双日历用1,单日历用0
‘clickfu’:function (to) {//回调函数,to为点击对象,点击日期是调用的函数,参数to为点击的日期的节点对象,可以把用户选定的日期通过此函数存入服务端或cookies,具体请自行编写
if(to.id!=””){alert(to.id)}
},
‘showFu’:function(d){ //回调函数,d为要显示的当前日期,主要用于判断是否要在该日期的格子里显示出指定的内容,在日期格子里额外显示内容的函数,返回值必须为字符串,参数d为显示的日期对象(日期类型)
var t=new Date();
if(t.toLocaleDateString()==d.toLocaleDateString()){
return “<br/>今天”;
}
else{
return “”;
}
}
}
CreateCalendar(para,”para”); //参数前一个是对象,后一个是对象名称
</script>

 

 

demo可在这里查看:http://www.crazyjs.org/demo/calendar/

下载地址:http://www.crazyjs.org/down/calendar2014-3-20.rar