多个引导日历

时间:2019-01-31 13:08:31

标签: php json mysqli calendar

我使用本教程制作了一个日历

https://www.phpzag.com/create-event-calendar-with-jquery-php-and-mysql/#

现在我想拥有多个这样的压延机:

preview

我有一个获取所有数据的查询,然后将其转换为JSON。

JSON代码:

$calendar = array();

while( $rows = $sqlEvents->fetch(PDO::FETCH_ASSOC)) {   
  $start = strtotime($rows['DatumBegin']) * 1000;
  $end = strtotime($rows['DatumEind']) * 1000;  
  $calendar[] = array(
        'id' =>$rows['OpleidingID'],
        'title' => $rows['Onderdeelnaam'],
        'url' => "",
    "class" => 'event-important',
        'start' => "$start",
        'end' => "$end"
    );
}


$calendarData = array(
  "success" => 1,   
  "result"=>$calendar
);

echo json_encode($calendarData);

我的问题是所有数据都存储在所有日历中

现在像这样

来自人A,人B,人C的数据

日历A = A B C

日历B = A B C

日历C = A B C

但是我想要的是这个

日历A = A

日历B = B

日历C = C

如何分隔json数据,使其类似于上面的示例。

用于致电日历的代码:

$docenten = array();


            while( $rows = $sqlEvents->fetch(PDO::FETCH_ASSOC)) {
              $docenten[] = $rows;
            }

            if(isset($docenten)){
                 foreach ($docenten as $docent)
                  {
             ?>
              <table class="table table-condensed table-bordered">
                <tr>
                  <td class="agenda-date" class="active" rowspan="4" style="height: 125px; width: 12%;">
                    <div class="dayofweek">
                      <b>
                      <?php echo $docent['Docentnaam']; ?>
                    </b>
                    </div>
                    <div class="dayofweek">
                      <?php echo $docent['Email']; ?>
                    </div>
                    <div class="shortdate">
                      <?php echo $docent['Telefoonnummer']; ?>
                    </div>
                    <div class="shortdate">
                      <?php echo $docent['Mobiel']; ?>
                    </div>
                  </td>
                </tr>
                <td style="width: 100%;">
                  <div class="showEventCalendar cal-context"></div>
                </td>
              </table>

json数据发送到events.js并进行转换,以便可以将其放置在<div class="showEventCalendar cal-context"></div>

0 个答案:

没有答案