fullCalendar动态获取数据

简介:


fullCalendar http://fullcalendar.io/docs/event_data/events_function

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next',
        center: 'title',
        right: 'today'
    },
    defaultDate: '2016-08-20',
    lang: 'zh-cn',
    buttonIcons: false, // show the prev/next text
    weekMode: 'liquid',
    events: function(start,end,timezone, callback) {
        var date = this.getDate().format('YYYY-MM');
        $.ajax({
            url: '?m=home&c=product&a=ajax&todo=ajaxGetProductMonthPrice',
            dataType: 'json',
            data: {
                id:{$id},
                date: date,
            },
            success: function(json) { // 获取当前月的数据
                var events = [];
                if (json.status == '1') {
                    $.each(json.info,function(i,c) {
                        if (c.is_special == '1') {
                            events.push({
                                title: '¥'+c.price+','+c.stock+'套',
                                start: c.date , // will be parsed
                                color: '#FFEBAC'
                            });
                        } else {
                            events.push({
                                title: '¥'+c.price+','+c.stock+'套',
                                start: c.date , // will be parsed
                                color: '#BEEABE'
                            });
                        }
                        
                    });
                }
                callback(events);
            }
        });
    }
});

var date = this.getDate().format('YYYY-MM');
每次点击上一月,下一月都会获取月份。
把月份传入后台,获取数据。

$id  = trim($_REQUEST['id']);
$date= trim($_REQUEST['date']);
$r = $this->product_db->get_one(array('id'=>$id));
if (empty($r)) { // 不存在
    $rdata['status'] = 2;
    $rdata['msg']    = '房源不存在';
} else {
    $rdata['status'] = 1;
    $rdata['msg']    = '获取成功';
    // 获取目标月份对应的数据
    $special_type = $r['special_type']; // 0 无特价 1 周五,周六 2 周六,周日 3 周五,周六,周日
    $special_price= $r['special_price'];
    $price        = $r['price'];
    $stock        = $r['num'];
    $days = get_day($date,'2');
    foreach ($days as $k => $day) {
        $week = get_week($day);
        $info[$k]['date'] = $day;
        switch ($special_type) {
            case '0':
                $info[$k]['price'] = $price;
                $info[$k]['is_special']= '0';
                break;
            case '1':
                if (in_array($week,array('星期五','星期六'))) {
                    $info[$k]['price'] = $special_price;
                    $info[$k]['is_special']= '1';
                } else {
                    $info[$k]['price'] = $price;
                    $info[$k]['is_special']= '0';
                }
                break;
            case '2':
                if (in_array($week,array('星期六','星期日'))) {
                    $info[$k]['price'] = $special_price;
                    $info[$k]['is_special']= '1';
                } else {
                    $info[$k]['price'] = $price;
                    $info[$k]['is_special']= '0';
                }
                break;
            case '3':
                if (in_array($week,array('星期五','星期六','星期日'))) {
                    $info[$k]['price'] = $special_price;
                    $info[$k]['is_special']= '1';
                } else {
                    $info[$k]['price'] = $price;
                    $info[$k]['is_special']= '0';
                }
                break;
            default:
                
                break;
        }
        $info[$k]['isRent'] = '1'; // 1表示可租
        $info[$k]['stock']  = $stock;
    }

    $rdata['info'] = $info;
}

exit(json_encode($rdata));
break;

get_day方法,获取当月的每天日期

/**
 * 获取当月天数
 * add by Jim
 * @param  $date 
 * @param  $rtype  1天数 2具体日期数组
 * @return 
 */
function get_day( $date ,$rtype = '1')   
{
    $tem = explode('-' , $date);       //切割日期  得到年份和月份
    $year = $tem['0'];
    $month = $tem['1'];
    if( in_array($month , array( 1 , 3 , 5 , 7 , 8 , 01 , 03 , 05 , 07 , 08 , 10 , 12)))
    {
        // $text = $year.'年的'.$month.'月有31天';
        $text = '31';
    }
    elseif( $month == 2 )
    {
        if ( $year%400 == 0  || ($year%4 == 0 && $year%100 !== 0) )        //判断是否是闰年
        {
            // $text = $year.'年的'.$month.'月有29天';
            $text = '29';
        }
        else{
            // $text = $year.'年的'.$month.'月有28天';
            $text = '28';
        }
    }
    else{

        // $text = $year.'年的'.$month.'月有30天';
        $text = '30';
    }

    if ($rtype == '2') {
        for ($i = 1; $i <= $text ; $i ++ ) {
            if ($i < 10) {
                $i = '0'.$i;
            }
            $r[] = $year."-".$month."-".$i;
        }
    } else {
        $r = $text;
    }
    return $r;
}

get_week获取具体日期对应的星期几,根据后台数据,设置返回信息。周末特价。

/**
 * 获取星期几
 * add by Jim
 */
function get_week($date){
    //强制转换日期格式
    $date_str=date('Y-m-d',strtotime($date));

    //封装成数组
    $arr=explode("-", $date_str);
     
    //参数赋值
    //年
    $year=$arr[0];
     
    //月,输出2位整型,不够2位右对齐
    $month=sprintf('%02d',$arr[1]);
     
    //日,输出2位整型,不够2位右对齐
    $day=sprintf('%02d',$arr[2]);
     
    //时分秒默认赋值为0;
    $hour = $minute = $second = 0;   
     
    //转换成时间戳
    $strap = mktime($hour,$minute,$second,$month,$day,$year);
     
    //获取数字型星期几
    $number_wk=date("w",$strap);
     
    //自定义星期数组
    // $weekArr=array("7","1","2","3","4","5","6");
    $weekArr=array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
     
    //获取数字对应的星期
    return $weekArr[$number_wk];
}

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5795799.html,如需转载请自行联系原作者
相关文章
|
云安全 人工智能 安全
马年专属平安签已上线,诚邀您参与「云上体检 开签纳福」互动活动!
阿里云「云上体检 开签纳福」活动:扫码抽马年平安签,获云上安全寄语;完成「2026云上安全健康体检」即领福气盲盒(100%中奖),分享签文截图还可抽AirPods 4等大奖!
|
存储 小程序 容器
如何制作一个微信答题小程序?
如何制作一个微信答题小程序?
1071 0
|
XML 机器学习/深度学习 数据可视化
目标检测笔记(六):如何通过界面化操作YOLOv5完成数据集的自动标注
这篇文章介绍了如何通过界面化操作YOLOv5来完成数据集的自动标注,包括修改源码、自动标注的前期准备、开始自动标注、可视化标注效果以及将XML文件转换为YOLO训练所需的TXT格式。
1335 1
目标检测笔记(六):如何通过界面化操作YOLOv5完成数据集的自动标注
|
Linux Shell Android开发
用eadb在Android上搭建eBPF运行环境
用eadb在Android上搭建eBPF运行环境
|
设计模式 存储 前端开发
MVC革命:如何用一个设计模式重塑你的应用架构,让代码重构变得戏剧性地简单!
【8月更文挑战第22天】自定义MVC(Model-View-Controller)设计模式将应用分为模型、视图和控制器三个核心组件,实现关注点分离,提升代码可维护性和扩展性。模型管理数据和业务逻辑,视图负责数据显示与用户交互,控制器处理用户输入并协调模型与视图。通过示例代码展示了基本的MVC框架实现,可根据需求扩展定制。MVC模式灵活性强,支持单元测试与多人协作,但需注意避免控制器过度复杂化。
335 1
|
监控 安全 网络协议
什么是 TACACS/TACACS+ 身份验证?
【5月更文挑战第1天】
2076 1
什么是 TACACS/TACACS+ 身份验证?
|
XML JSON 前端开发
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
3500 0
|
消息中间件 Cloud Native 物联网
深度剖析 RocketMQ 5.0,消息基础:RocketMQ 在业务消息场景的基础优势是什么?
本文主要介绍业务消息的应用解耦场景,具体解耦什么? RocketMQ 在业务消息场景的基础特性。业界那么多消息队列能实现应用解耦,RocketMQ 在基础特性上有哪些增强?
126142 2
深度剖析 RocketMQ 5.0,消息基础:RocketMQ 在业务消息场景的基础优势是什么?
|
JavaScript 前端开发
js的check函数
js的check函数
300 1
|
前端开发 JavaScript
vue3中覆盖组件样式的方法
vue3中覆盖组件样式的方法