Как поставить маленький кликабельный крест на мероприятии в Fullcalender?

Этот пример относится к charlietfl, это кажется правильным, но для того, чтобы сделать то, что вы хотите, нужно добавить к каждому событию отдельный атрибут, такой как идентификатор, поэтому, когда вы нажимаете на него, вы знаете, какое событие примет действие. Я изменил это, чтобы вы могли щелкнуть его.

  .eventButtons {
      background: #3498db;
      background-image: -webkit-linear-gradient(top, #3498db, #3A87AD);
      background-image: -moz-linear-gradient(top, #3498db, #3A87AD);
      background-image: -ms-linear-gradient(top, #3498db, #3A87AD);
      background-image: -o-linear-gradient(top, #3498db, #3A87AD);
      background-image: linear-gradient(to bottom, #3498db, #3A87AD);
      -webkit-border-radius: 10;
      -moz-border-radius: 10;
      border-radius: 10px;
      -webkit-box-shadow: 0px 2px 3px #000000;
      -moz-box-shadow: 0px 2px 3px #000000;
      box-shadow: 0px 2px 3px #000000;
      color: #ffffff;
      font-size: 12px;
      padding: 2px 8px 2px 8px;
      text-decoration: none;

    }

    .eventButtons:hover {
      text-decoration: none;
    }
</style>
<script>
  $(function() {



    var events=[{
      id:1,
      title:'Simple event',
      start: new Date()
    }]

     $('#calendar').fullCalendar({
       events:events,
       eventAfterRender:function( event, element, view ) {

         element.append('<input class="eventButtons" type="button" value="X" name="button" onclick="alert()"/>')

       }
    })

});
</script>