在完整日历中添加一个按钮

时间:2016-06-07 20:43:04

标签: javascript jquery fullcalendar

大家好我在我的几个模块中使用完整日历作为日历。在一个模块中,我要求客户端想要添加带有今天和右键的按钮。现在一种方法是自定义插件,但是我将不得不为其他模块添加另一个完整日历文件,这是不好的。那么你们可以告诉我如何完成这个功能。

以下是我要做的事情:screencast.com/t/wbCSlBwgsSRU

按钮的HTML是:   <div class="padding-left-30"> <a href="<?= base_url()?>apps/calendar/calendarShow" class="btn btn-primary" > Details </a></div>

这将是一个很好的帮助

2 个答案:

答案 0 :(得分:2)

无需额外的模块。使用customButtons optionheaderdemo

添加其他按钮
$(function() {
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next, today, details',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    customButtons: {
      details: {
        text: 'Details',
        click: function() {
          alert('Show details!');
        }
      }
    }
  });
});

答案 1 :(得分:0)

大家好我能找到问题的答案。现在我做的是我按下按钮,因为@Mottie告诉我在他的回答中做,然后在按钮js里面我使用了window.location.href并给了它url。现在我不知道它是否正确,但这个解决方案顺利地为我工作