在 fullcalendar 中添加指向日期编号的超链接答案

【问题标题】：adding hyperlink to the date number in fullcalendar在 fullcalendar 中添加指向日期编号的超链接
【发布时间】：2014-12-16 14:02:14
【问题描述】：

我正在尝试添加一种方法，让用户使用 fullcalendar v2 点击日期框中的实际数字。它将指向完整日历之外的页面。我尝试了几种不同的解决方案，但都无法正常工作。帮助将不胜感激。

试过这个方法：

dayClick: function(date, allDay, jsEvent, view) {

    if (allDay) {
        // Clicked on the entire day 

        if ($(jsEvent.target).is('div.fc-day-number')) {      
            // Clicked on the day number 

            $('#calendar') 
                window.location = "url";
        }
    }
}

试过这个方法编辑fullcalendar.js，在表格元素中加入onclick：

numberCellHtml: function(row, col, date) {
    var classes;

    if (!this.dayNumbersVisible) { // if there are week numbers but not day numbers
        return '<td/>'; //  will create an empty space above events :(
    }

    classes = this.dayGrid.getDayClasses(date);
    classes.unshift('fc-day-number');

    return '' +
        '<td onclick="url" class="' + classes.join(' ') + '" data-date="' + date.format() + '">' +
            date.date() +
        '</td>';
},

还有其他建议吗？？

【问题讨论】：

标签： javascript date calendar fullcalendar

【解决方案1】：

嗯，很快。也许我应该开始问每一个问题，这样我就能很快找出我的问题。（开个玩笑）

原来“onclick”并不是它所需要的。它正在寻找

例如：

numberCellHtml: function(row, col, date) {
    var classes;

    if (!this.dayNumbersVisible) { // if there are week numbers but not day numbers
        return '<td/>'; //  will create an empty space above events :(
    }

    classes = this.dayGrid.getDayClasses(date);
    classes.unshift('fc-day-number');

    return '' +
        '<td class="' + classes.join(' ') + '" data-date="' + date.format() + '"><a href ="http://www.google.com">' +
            date.date() +
        '</a></td>';
},

【讨论】：