价格日历完整代码适用于旅游酒店等网站附源码下载
曾经在做一个旅游网站的时候,为了价格日历那一块可谓是伤透了脑筋,后来终于还是搞定了。
今天三体教程就分享出来,应该能帮到许多有需要的小伙伴。
以下代码为php+js。
index.php文件
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<link rel=stylesheet type=text/css href="core.css">
<script type="text/javascript" charset="gb2312" src="jMonthCalendar.js"></script>
<script language="javascript" type="text/javascript" charset="utf-8" src="xmlData.php?id=6864"></script>
<div id="jMonthCalendar"></div>
<script language="javascript" type="text/javascript">
calprice();
</script>
xmlData.php文件
先获取线路$lineid,根据$lineid获取线路价格。
php代码<?php
$lineid=Reqn("id");//线路id
/*此处为罗辑代码
根据$lineid获取线路价格
我的价格是存成如下格式的,请根据自己的修改:
价格字段存储内容:2018-8-27|2999-0,2018-9-30|3899-0,2018-10-8|2399-0
2018-9-27|2999-0解释:前面是日期,中间分隔线后面2999是成人价格,0是儿童价格
然后将价格字段区分组合成下面的样式
*/
$html= 'var events = [{"EventID": 1, "StartDateTime": "2018-08-27", "Title": "成人:¥2999
儿童:<em>另询</em>", "URL": "#", "Description": "¥2999", "CssClass": "Meeting"},{"EventID": 2, "StartDateTime": "2018-09-30", "Title": "成人:¥3899
儿童:<em>另询</em>", "URL": "#", "Description": "¥3899", "CssClass": "Meeting"},{"EventID": 3, "StartDateTime": "2018-10-08", "Title": "成人:¥2399
儿童:<em>另询</em>", "URL": "#", "Description": "¥2399", "CssClass": "Meeting"},]';
//自行选择是否将第一个日期价格存储起来,比如:$firtdate="2018-9-27";
//$firtdate=date("Y-m-d",strtotime("$firtdate -1 month"));
//此处使用了-1 month是将当前月分减一个月,因为要丢到js的new Date中去,但是js的月是对应0~11,所以要减一天
//$firtdate=str_replace("-",",",$firtdate);
/*
上面的$firtdate,作用是为了防止当前月没有价格而显示空白日历,请根据自身情况看是否取消注释。
比如当前是8月,但是你这个月没有相关价格,而9月有,如果不存储$firtdate并将其丢到js里面去,那么8月就会显示空白,而如果加了则会自动跳转到有价格的第一个日期去。
*/
echo $html."rn";
?>
function calprice() {
var options = {
height: '100%',
width: '100%',
navHeight: 25,
labelHeight: 25,
calendarStartDate:new Date(<?php echo $firtdate?$firtdate:'' ?>)
};
var newoptions = { };
var newevents = [ ];
$.jMonthCalendar.Initialize(options, events);
}
以上就是用于旅游酒店等网站的价格日历代码相关介绍,完整代码请自行下载(解压密码为www.santii.com),根据自己需求修改,有什么问题可以在留言里面提出,大家一起解决。