文章目录

价格日历完整代码适用于旅游酒店等网站附源码下载

曾经在做一个旅游网站的时候,为了价格日历那一块可谓是伤透了脑筋,后来终于还是搞定了。

今天三体教程就分享出来,应该能帮到许多有需要的小伙伴。

价格日历

以下代码为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),根据自己需求修改,有什么问题可以在留言里面提出,大家一起解决。

价格日历完整代码下载

本文网址:http://www.santii.com/article/216.html


数据更新时间:2018-10-16