0

我正在尝试在 FullCalendar 周视图中添加带有日期名称的标题中的下拉（或悬停）菜单的图像。像这样 http://img29.imageshack.us/img29/7440/nbf.png

这是我试图附加一个 DIV 但到目前为止没有运气的地方。

<th class="fc-day-header fc-tue fc-widget-header" style="width: 233px;">Tir 6/8</th>

到目前为止，我试图在一个 div 中添加一些文本，看看它在哪里结束：

$(".fc-mon").prepend("<div style='position:relative;top:0px;left:0px'>[||]</div>");

但这绝对不是成功的！http://img14.imageshack.us/img14/7070/5y1l.png

任何输入将不胜感激:)

4

1 回答 1

0

我认为你需要让你的选择器更具体，比如$('.fc-widget-header.fc-mon')只捕获标题。

我得到了以下代码来工作：

var $calendar = $('#calendar').fullCalendar({
    viewDisplay: function (view) {
        // Clean up any previously added "dropdowns"
        $('.dropdown').remove();

        // Only add "drowdowns" if the current view is the weekly view
        if (view.name === 'agendaWeek') {

            // Add the "dropdowns" to the day headers
            $('.fc-widget-header.fc-sun, .fc-widget-header.fc-mon, .fc-widget-header.fc-tue, .fc-widget-header.fc-wed, .fc-widget-header.fc-thu, .fc-widget-header.fc-fri, .fc-widget-header.fc-sat')
            .prepend("<div class='dropdown' style='display: inline'>[||] </div>");
        }
    }
});

您可以查看此 jsfiddle 以获取工作示例：http: //jsfiddle.net/kvakulo/p5f3J/3/

于 2013-07-15T09:22:45.233 回答