您好我有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;
这是日历:
我该怎么做?抱歉,我的英文。
答案 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而不是按钮,但方法应该是相同的