提问者:小点点

fullCalendar today按钮自定义行为


我对全日历有问题。我正在使用周视图(DefaultView:“Basic week”)和工具栏按钮“Today”、“Prev”、“Next”。当我点击“今天”按钮时,日历就会返回到当前的一周,但日期选择不会改变。我希望“日历”导航到“当前周”并在“日历”上选择“今天日期”。但我有麻烦重新定义‘今天’按钮点击事件。

代码示例:https://plnkr.co/edit/dv9yiq1cdjxfftsdg4yx?p=preview

defaultView: 'basicWeek',
            defaultDate: '2016-01-12',
            selectable: true,
            selectHelper: true,
            select: function(start, end) {
              console.log('select');
                var title = prompt('Event Title:');
                var eventData;
                if (title) {
                    eventData = {
                        title: title,
                        start: start,
                        end: end
                    };
                    $('#calendar').fullCalendar('renderEvent', eventData, true); 
                }
                $('#calendar').fullCalendar('unselect');
            }

我想要一个弹出(警报)的今天日期,当我点击‘今天’按钮在这个情况下,所以基本的按钮点击不仅导航我当前的星期,但选择当前的日子。


共1个答案

匿名用户

您可以手动监听Today's按钮click,然后调用Calendar的select方法,传递正确的参数。

尝试以下代码:https://plnkr.co/edit/62dx5pvrddxnwome5jbu?p=preview

calendar.find('.fc-today-button').click(function(){
  var start = new Date();
  start.setHours(0,0,0,0);
  var end = new Date();
  end.setDate(end.getDate() + 1);
  end.setHours(0,0,0,0);
  calendar.fullCalendar('select', start, end);
});