从数据库中填充完整日历javascript中的事件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了从数据库中填充完整日历javascript中的事件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1772字，纯文字阅读大概需要3分钟。

内容图文

我正在使用codeigniter在php中预订系统.现在我想根据我从数据库中获取的值填充完整日历中的事件.

我的代码：

<script src='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.js'></script>

<?php
    $var=0;
    foreach($query->result() as $row) {
        $var++;
        $booking_date = $row->booking_date;
        $booking_start_time = $row->booking_start_time;
     }
?>
<script>
$(document).ready(function() {
    // page is now ready, initialize the calendar...
    var booking_date = '<?php echo $booking_date; ?>';
    var booking_start_time = '<?php echo $booking_start_time; ?>';
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        events: [{
            title: 'House Cleaning',
            start: booking_date + 'T' + booking_start_time,
            allDay: false
        }]

    });
});
</script>

使用上面我可以获得完整日历上填写的最后一条记录.我想将从数据库中提取的每条记录填充到完整的日历js.我该怎么做呢

如果我模糊不清,请提前致谢并道歉,但我随时准备根据问题进一步解释.

谢谢,

解决方法:

在你的php中构建一个数组,并在javascript中将其格式化为json.将格式化的json传递给event属性,如下所示：

events: buildRecordsToJson(calendar_records)


function buildRecordsToJson(calendar_records){
    var employees = [];
    for(var record in calendar_records) {

        var item = calendar_records[record];

        employees.push({ 
            "title"  : "Case # " + item.case_number,
            "record" : item.id,
            "start"  : item.case_due_date 
        });
    }

    return employees;
}

编辑：

假设这是你的结果

$result=mysqli_query($con,$sql);

从数据库中迭代结果集并将其推送到主数组.

$list = array();
while ($row = mysqli_fetch_row($result))
{ 
    $entry = array();
    $entry["booking_date"] = $row["booking_date"];
    $entry["booking_start_time"] = $row["booking_start_time"];
    array_push($list,$entry);
}
mysqli_free_result($result);

将$list数组返回到您的javascript并在将其格式化为json后将其提供给您的日历事件(可能没有必要).

内容总结

以上是互联网集市为您收集整理的从数据库中填充完整日历javascript中的事件全部内容，希望文章能够帮你解决从数据库中填充完整日历javascript中的事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端