Calendar is not allowing to navigate next and Previous months

Same here! You can’t get support from the developer unless you buy the pro version.

• This reply was modified 7 years, 3 months ago by Julie.

yes, same problem here after update to 3.1.10

I had the same problem, which I just noticed this week.

Here’s my quick and dirty solution via javascript (requires ability to add scripts to your pages/themes). I’m sure a better script or a php function would improve it, but this is at least working for me now:

jQuery(document).ready(function() {
    setTimeout(function() {
        jQuery('.simcal-nav-button').removeAttr('disabled');
   }, 1000);
   jQuery('.simcal-nav-button').click(function() {
        setTimeout(function() {
            jQuery('.simcal-nav-button').removeAttr('disabled');
        }, 500);
    
    });
});

This strips the “disabled” attribute from the navigation buttons when the page loads (with a delay to ensure simple calendar is also loaded), and then strips them again any time a user clicks navigates to a new month.

Same problem here! Actually my calendar is stuck in August, and it’s September already…

I am having the same issue. My calendar is stuck in August and the nav buttons are non existent. Am hoping this is easily fixable. Have tried all troubleshooting with no joy. If not sorted soon will have to switch to different calendar which is shame as was considering upgrading this one eventually but if it doesnt work then will have to try somewhere else maybe.

Same here. Is it possible that they have turned Simple Calendar in an only payed product voiding the free version?

Mine too, it displays great but I only have a arrow < to go backwards but it doesn’t do anything. I was hoping the calendar would allow you to navigate forwards and backwards at least a few months either way.

@pete777 where did you put this javascript?

@jabberjaws77 I’m running a custom theme, so added it to my theme’s main script, but the common way to add custom javascript is to save it as a script file (i.e. copy/paste the above into a text editor and save it as “my_custom_script.js”), and then upload this file to your server (requires FTP access) and add it through your theme’s functions.php file – instructions here:

https://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/

In the tutorial above, the script is in the plugins directory so when uploading via ftp, you would put the .js file in /wp-content/plugins/

There may be plugins to accomplish this without FTP. Not really sure.

Awesome thanks, something odd I have found is that everything works fine on my local xampp install but not when running from my hosted webserver. hmmmm seems odd.

On my hosted server if I hit refresh and then really quickly place my cursor where the arrow would be it allows me to click it really quick but I have to be fast lol

Very odd indeed.

Ill look into this script and see how I go.

Thanks Mate

Same issue here. I see there seems to be a fix mentioned, however, I am VERY novus. Is there a simple explanation for a dummy like myself? Thanks!

hi @pete777 !
help me please !!!

your solution works but after click navigate the button return to “disabled”

here my page https://paulabearzotti.com/gouzens/

thanks in advance and sorry for my english !

Paula

I tried copying the code from Pete777 into a file I named java_for_calendar.js and copied to root of plugins directory. Then I added this code below to my child theme functions.php, but the forward arrow still doesn’t show. Has anyone else tried this and been successful? Any idea what I’m doing wrong?

<?php
function wpb_adding_scripts() {

wp_register_script(‘my_amazing_script’, plugins_url(‘java_for_calendar.js’, __FILE__), array(‘jquery’),’1.1′, true);

wp_enqueue_script(‘my_amazing_script’);
}

add_action( ‘wp_enqueue_scripts’, ‘wpb_adding_scripts’ );
?>

Hello!
here’s the complete solution that works.

function simcallNoDisabledButton(){
jQuery(‘.simcal-nav-button’).removeAttr(‘disabled’);
jQuery(‘.simcal-nav-button’).click(function() {
jQuery(‘.simcal-nav-button’).removeAttr(‘disabled’);

});
}
jQuery(document).ready(function() {
if(jQuery(‘.simcal-calendar’).length){
simcallNoDisabledButton();
}
});

$( document ).ajaxComplete(function() {
simcallNoDisabledButton();
});

With the Ajax complete you will have a call back to call the function, so you don’t need the timeout ??
Thanks all!

Thank you @nunocardoso for the solution. Can you clarify where to add this code? Which file should I place this in or do I create a js as described above?