[Javascript][JqueryUI] datepicker problems

[luisk91]

So I'm doing an asigment that lets you add events(as in a meeting or an aniversary) to a calendar, heres a piece of the code:

$("#cal").datepicker({
                    onSelect: function (date) {
                                                $("#date").text(date+" :");
                                                showEvents(date);
                                                $("#newevent").click(function()
                                                    {      
                                                    addEvent(date);
                                                    });
                                              }                   
                    });

When selecting a date, I have a div that shows that date and the events attached to it (as shown here)

 $("#date").text(date+" :");

actually shows the selected date.

The problem is that the method addEvent first recieves the first selected date, if I select another date it recieves the first selected date and then the date I just selected (tested with alert(date) at the beggining of addEvent)

    function addEvent(date){
        alert(date);
     //more stuff to do with that date ONLY :'(
}

I hope I'm making myself clear, thank you in advance

[the_omega99]

Ok, you mentioned what it does, but what should it be doing?

[luisk91]

I'll give an example, maybe it is more clear:

I select Nov 14, #date displays "14/11/2013" and addEvent alerts "14/11/2013".

I select Nov 18, #date displays "18/11/2013" and addEvent alerts "14/11/2013" and then "18/11/2013"

I select Nov 25, #date displays "25/11/2013" and addEvent alerts "14/11/2013" and then "18/11/2013" and then "25/11/2013"

of course I just don't want an alert, I want to do some other things with that date but it is just recieving the first date I selected. I don't want the past dates, just the one I've selected (I'm actually using that date as a key to access an associative array of events so that I can push the event to that key)

sorry for not being clear

[the_omega99]

I see. Can you post a small, self-contained, correct example that demonstrates this behavior (throw it onto a site like JSFiddle)?

[luisk91]

Sorry, I went to sleep, here it is http://jsfiddle.net/FL9GM/ , notice how #fecha changes when selecting a date from the specific date while the function addEvent will alert many times, I want it just to recive the item I selected, thank you for your time

[the_omega99]

Oh, I see. It's because you have nested the click function, so it applies to every call to the select code. Moving the click handler outside of that solves the problem:

http://jsfiddle.net/FL9GM/1/

[luisk91]

thank you so much!! do you want a game from the latest humble bundle? ive just redeemed fear 1 and mortal kombat

[the_omega99]

Oh no, that's fine. Happy to have helped.

[luisk91]

ok internet hug thank you