如何获得超出FullCalendar标准的组件？

Question

我想知道，如何在FullCalenda中获取其他组件（ID，标题，开始和结束）。

我在数据库中有一个表，其中包含许多字段，例如状态，负责人，部门，我在表中进行选择，这些表为我提供了FullCalendar的PHP JSON。在FullCalendar中，我可以获取Full Calendar的标准属性，即id，title，start和end。

如何获得数据库选择中的其他结果属性（状态，负责人，部门等字段？

下面的数组，是我选择的结果。

• 在上图中，我可以获取标题，开始，结尾和颜色（它们是FullCalendar的原产地，但是我无法获取类型和状态。我该怎么办？

下面您将看到我在FullCalendar中接收数据的代码：

eventClick: function(info) {
  //O parâmetro 'info' é que contém os valores que vem do retorno da consulta do banco de dados			

  info.jsEvent.preventDefault();

  //Passando valores para os elementos HTML			
  $('#visualizar #mostrar-titulo').text(info.event.title);
  $('#visualizar #mostrar-inicio').text(info.event.start.toLocaleString());
  $('#visualizar #mostrar-fim').text(info.event.start.toLocaleString());
  $('#visualizar #mostrar-status').text(info.event.STATUS);

  //Exibe o modal (quando clicamos no respectivo evento) que mostra as informações resultantes da consulta no banco de dados.
  $('#visualizar').modal('show');


},

Code HTML

<div class="modal fade" id="visualizar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">

      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Detalhes do Eventos</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
				<span aria-hidden="true">&times;</span>
				</button>
      </div>

      <div class="modal-body">
        <!-- <div class="visevent">-->
        <dl class="row">

          <dt class="col-lg-3">Título do evento</dt>
          <dd class="col-lg-9" id="mostrar-titulo"></dd>

          <dt class="col-lg-3">Status do Evento</dt>
          <dd class="col-lg-9" id="mostrar-status"></dd>

          <dt class="col-lg-3">Início do evento</dt>
          <dd class="col-lg-9" id="mostrar-inicio"></dd>

          <dt class="col-lg-3">Fim do evento</dt>
          <dd class="col-lg-9" id="mostrar-fim"></dd>
        </dl>
        <!-- </div>-->

      </div>

    </div>
  </div>
</div>

观看我如何显示模态（当我们单击相应事件时。）>] >>

• 注意，未显示STATUS。

我想知道，如何在FullCalenda中获取其他组件（ID，标题，开始和结束）。我在数据库中有一个表，其中有很多字段，例如状态，负责人，部门以及我...

Answer 1

您可以尝试对事件对象使用“ extendedProps”选项，如下所示访问非标准字段：

eventClick: function(info) {
  info.jsEvent.preventDefault();

  //Passando valores para os elementos HTML         
  $('#visualizar #mostrar-titulo').text(info.event.title);
  $('#visualizar #mostrar-inicio').text(info.event.start.toLocaleString());
  $('#visualizar #mostrar-fim').text(info.event.start.toLocaleString());
  $('#visualizar #mostrar-status').text(info.event.extendedProps.STATUS);
  $('#visualizar').modal('show');
}