Delete one days total events using an image

Question

Here I am adding an image to day cell using css:

.fc-widget-content::after {
     margin-top: 1 px;
    margin-left: 70 px;
    font-family: 'FontAwesome';content:"\f00d";
    position: absolute;
    white-space: pre;
    color:#F00;
}

When you click on this icon I want to delete all events on that particular day. I am using jquery, fullcalendar.js and I am using day click function as well.

dayClick: function(date, jsEvent, view) { 
            alert('Clicked on: ' + date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear());  
        },

When I click on day it shows the date, but what I want to achieve is that when you click on that icon I can delete total events on that day. Please help. Thanks.

score 0 · Accepted Answer · edited May 23 '17 at 12:06

0

Yo can't do it that way. ::after is not part of the DOM so it's not accesible using Javascript.

In this answer you could find some methods to fix your problem.

edited May 23 '17 at 12:06

Community

1
1

answered Oct 21 '16 at 11:49

Sergiodiaz53

1,268
2
14
23

Delete one days total events using an image

1 Answers1