如何使用fullcalendar在每天添加ID?

时间:2015-11-04 15:01:08

标签: jquery fullcalendar

您好我有fullcalendar代码:

calendar: function(datos,rut,nombre){

    var self = this;

    $('#calendar').fullCalendar({

        height: 500,
        events: datos,
        editable: true,

            header: {
                left: '',
                center: 'prev title next',
                right: '',
            },

        eventRender: function (event, element) {
            var self = this;
            element.find('.fc-title').append(" (<strong>"+ event.estado +"</strong>)");
        },

        viewRender: function (view) {

        $('.fc-day-number').prepend("<button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button>"); 

        },

    })

    $('#calendar').fullCalendar('removeEvents');
    $('#calendar').fullCalendar('addEventSource', datos);         
    $('#calendar').fullCalendar('rerenderEvents');        
},

使用viewRender我每天都会添加一个按钮。

 viewRender: function (view) {


        $('.fc-day-number').prepend("<button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button>"); 


        },

所以,我希望每个按钮都有一天像Id:

示例:

  

id =&#39; editar_control_2015-09-04_id&#39;

这是日历:

enter image description here

我该怎么做?抱歉,我的英文。

1 个答案:

答案 0 :(得分:1)

使用dayRender vs viewRender

dayRender: function (date, cell) {
    // The cell has a data-date tag with the date we can use vs date.format('YYYY-MM-DD')
    var theDate = $(cell).data('date');
    // Find the day number td for the date
    var fcDaySkel = $("#calendar div.fc-content-skeleton td[data-date='"+theDate+"'].fc-day-number");
    fcDaySkel.prepend("<img src='http://icons.iconarchive.com/icons/glyphish/glyphish/24/12-eye-icon.png' id='editar_control_"+theDate+"_id'/>");
}

http://jsfiddle.net/14frdxf2/2/

这个小提琴使用的是img而不是按钮,但方法应该是相同的