如何从数据库中获取值并将它们插入事件数组答案

【问题标题】：how to get values from db and insert them to events array如何从数据库中获取值并将它们插入事件数组
【发布时间】：2016-06-15 04:33:39
【问题描述】：

我的代码如下。

<script>
    var t=<?php echo json_encode($ta)?>;
    var d=<?php echo json_encode($da)?>;

    $(document).ready(function() {

        $('#calendar').fullCalendar({

            //defaultDate: '2016-03-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events

            //$r=$ev->title;

            for(var j=0;j<d.length;j++)
            {
                events: [{
                        title: t[j],
                        start: d[j]
                    }
                ]

            }
        });
    });
</script>

我使用的是全日历 2.6.1。但是什么都没有显示。请问有人可以帮我吗？我想从数据库中检索所有标题和 eventDate 并在日历中查看。 var t 和 d 包含 $ta 和 $da 数组的所有数据。我只是想将它们分配给事件数组标题和开始关键字。有一些红色标记表示for循环会出错。

【问题讨论】：

标签： javascript php laravel-5 fullcalendar

【解决方案1】：

试试这个

<?php 
    $ta=array();
    $i=0;
?>
@foreach($events as $ev)
    <?php
        $ta[$i]['title'] = $ev->title;
        $ta[$i]['start'] = date('Y-m-d H:i:s', strtotime($ev->eventDate));
        $i++;
    ?>

@endforeach

<script>
    var t=<?php echo json_encode($ta)?>;

    $(document).ready(function() {


        $('#calendar').fullCalendar({

            //defaultDate: '2016-03-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: t,
            eventRender: function(event, element) {
                $('.fc-time', element).hide();
            }
        });

    });

</script>

【讨论】：

谢谢。这将显示在日历的右笼内。但是在标题附近显示为 12a 的一些垃圾值。这是为什么呢？
我更新了答案并添加了 eventRender 函数来隐藏 12a。
效果很好。非常感谢。你怎么知道的？
您可以将类名称作为事件属性，并在您的 css 文件中使用给定名称设置您的 css。这将自动为您的活动设置课程。比如 $ta[$i]['clasName'] = 'yourClassName';
您可以设置事件的颜色属性。比如 $ta[$i]['color'] = '##393318'

【解决方案2】：

    $.ajax({
              url:'',
              dataType: 'json',

              success: function(doc) {
                  var events = [];
              $.each(doc, function(key, value){
                          events.push({
                              title : value['title name'],
                              start : value['hours'],
                              backgroundColor: Metronic.getBrandColor('yellow'),

                              id : value['id']
                          });
                      });
                  AddFullCalenderEvent(events);
              }
          });

function AddFullCalenderEvent(eventList){
      $('#calendar').fullCalendar({
          events: eventList,

          eventClick: function(event) {
              // opens events in a popup window

              window.location.href = "pagename?id=" + event.id;

              return false;
          }

试试这个

【讨论】：