对两个按钮进行操作以显示全日历和刷新

Question

我有这种情况

在引导菜单下 两个按钮，一个用于显示完整日历，另一个用于在日历中添加事件

<div class="card-body">
  <h5 class="card-title">
      <button type="button" class="btn btn-success" data-toggle="modal" data-target="#addEvent">Aggiungi Work</button>
      <button type="button" class="btn btn-success" data-toggle="modal" data-target="#showCalendar">Mostra Calendario</button>
  </h5>
</div>

现在在JS或其他我希望的新手方法中 当我单击第一个按钮时，它就会出现在div的按钮下面，例如，插入事件表单

<div class="modal fade" id="modalEvento" tableindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="box-body">
    <div class="form-group">
        <label class="col-sm-2 control-label">nome:</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="testoExtra">
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Dettagli:</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="dettagli">
        </div>
    </div>
</div>

，当我单击第二个按钮时，比较全日历（也是默认值）              

有可能吗？ 非常感谢

我使用codeigniter，bootstrap和js