Removing all events and adding new ones but keeping the calendar

[jwgmeligmeyling]

Removing all events and adding new ones but keeping the calendar

[jwgmeligmeyling]

With the code example I gave in reply to that question you should be able to do this? #12 (comment)

There is one side note though, since you want to remove the old events. You can remove these by setting the length of the array to 0, so call eventsArray.length = 0 before pushing new objects to the array.

[jwgmeligmeyling]

BTW, hHas there been a blogpost about this calendar or something? There is a reasonable amount of activity in this repository lately 😄

[alezzzzz]

It works :D

Hehe not really, maybe Im just being annoying this last couple of days ;-)
I dont know why that didnt work before but I tried all ways possible!!! I was resettign the array using *eventsArray = [] * and that didnt do anything grrrr

Thanks for the prompt reply !!!

[jwgmeligmeyling]

Hehe no not just you, have had some forks and stars as well ^_^

But great that its working now. It didn't work because when you do eventsArray = [] you initialise a new array, and let the eventsArray variable reference to that. Internally, however, the calendar instance still refers to the old array (it doesn't even know the variable eventsArray exists).

When you use the eventsArray.length = 0 method, you alter the same array instance as the one the calendar uses. It's a bit of a hack and it's quite sad that Javascript doesn't provide a way to clear an array (or even delete one element - split creates a new array as well).

[chandrima14]

very nice post jQM Calendar
but i am facing problem is that
how to disable previous date from current date.
suppose current date 05/06/2014(dd/mm/yyyy)
disable 05/06/2014 previous date to onwards

[jwgmeligmeyling]

Try something like this at line 110 in the addCell($row, date, darker, selected)-function:

         var $td = $("<td class='ui-body-" + plugin.settings.theme + "'/>").appendTo($row),
             $a = $("<a href='#' class='ui-btn ui-btn-up-" + plugin.settings.theme + "'/>")
                  .html(date.getDate().toString())
//                .click(cellClickHandler)  <-- comment this one out, you want to prevent click handler
                  .data('date', date)
                  .appendTo($td);

         // Compare the date for this cell with today (stored as a variable in the plugin scope)
         if ( date.getTime() >= today.getTime() ) {
                  $a.addClass("darker"); // It looks disabled
         } else {
                  $a.click(cellClickHandler); // Click handler should work for enabled dates;
         }

[chandrima14]

very nice post jQM Calendar
my question is that
suppose today date is 06/06/2014(dd/mm/yyyy)
disable previous date from today date
my calendar look like this

suppose if user select date from calendar 27/06/2014(dd/mm/yyyy)
my calendar look like this (this is the check in date)

check out date starts from 28/06/2014(dd/mm/yyyy)
my calendar look like this

27/06/2014 previous date will be disabled how to possible?please reply

[jwgmeligmeyling]

Ah I thought you wanted to disable the past dates instead of disabling the days before a specific (selected date). Change the today variable to a variable that stores the selected date:

if ( date.getTime() >= selectedDate.getTime() ) {  // Not today
    $a.addClass("darker"); // It looks disabled
} else {
    $a.click(cellClickHandler); // Click handler should work for enabled dates;
}

[chandrima14]

My question is that today date is 09/06/2014(dd/mm/yyyy)
user can not choose these dates like 08/06/2014,07/06/2014,06/06/2014,......30/05/2014...

[jwgmeligmeyling]

Above answers do still hold, if you want further support please supply a JSFiddle.

[chandrima14]

please visit this site
http://www.nogray.com/example.php?ID=286
this type of calendar need.
please replay me as soon as possible

[chandrima14]

please visit this site
http://www.nogray.com/example.php?ID=286
and
http://jsfiddle.net/SirDerpington/PPSh3/3/
how to apply jQM Calendar?
please replay as soon as possible

[jwgmeligmeyling]

The examples are using jQuery UI, why not use that. Please ask further questions at stack overflow, I'm going to lock this issue now.