急求旅游网日历插件Calendar.js使用 30
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏30（财富值+成长值）
1个回答
展开全部
js还是那个js文件。
html如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/calendar.css" rel="stylesheet" type="text/css" />
<script src="js/Calendar.js"></script>
<script src="js/jquery.js"></script>
<script src="js/fun.js"></script>
</head>
<body>
<div class="calendar">
<div class="outer clearfix" id="calendarcontainer">
</div>
</div>
<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为显示的日期对象（日期类型）
if(d.getFullYear()=="2014" && d.getMonth()=="1" && d.getDate()=="15"){
return "<b style=\"color:red\">￥158<\/b>";
}
else{
return "";
}
}
}
CreateCalendar(para,"para"); //参数前一个是对象，后一个是对象名称
</script>
</body>
</html>
demo可在这里查看：http://www.crazyjs.org/demo/calendar/ ，你要的效果就是demo里显示的效果，查看源代码即可获得。
下载地址：http://www.crazyjs.org/down/calendar2014-3-20.rar
或者到百度网盘下载：http://pan.baidu.com/s/1mgnyl4k
里面的HTML文件即是例子，用浏览器打开即可看到效果，相关使用说明也在里面。
追问
如果我把这个做成弹窗，然后在另外一个html中调用它，怎么获取它的值能，还有就是怎么使没有价格的日期不可选，怎么设置，问题有点多，谢谢
追答
怎么获取它的值
在显示的时候获取值，可通过para对象的showFu回调函数，这个回调函数自动传入了一个显示的日期的Date对象d，并将函数的返回值（字符串形式）显示到日期的框里面。可通过判断d的内容来指定该日期的框要显示的是什么如从数据库获取的价格，线路等等。。
怎么使没有价格的日期不可选
在para对象的clickfu回调函数中，判断自动传入的日期是否有价格，没有就返回直接false就可以了。
3. 关于弹窗
主要看你的弹窗控件是什么形式的了，如果是div式的，那使用和在页面上不弹窗是一样的，如果使用的是window.open的话就按照父页面调用子页面的形式使用就可以了。
来自：求助得到的回答
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
