Datepicker not working

Resolved tobiasoptin
(@tobiasoptin)

1 year, 3 months ago

On my WIP website I have an events page where my events are listed on the calendar. But when clicking on the “February” nothing happens for the dropdown. Also the arrows left and right completely mess up the layout. I tested on twentytwenty5 and the calendar works but how do I fix this with my theme. I tried a lot and I am clueless.

Thanks in advance

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

awesomeopp
(@awesomeopp)

1 year, 3 months ago

I’m also having issues. None of the options for viewing a different month are working, the same (current month) page reloads.

https://spswoodturners.org/events

Plugin Support tristan083
(@tristan083)

1 year, 3 months ago

Hi @tobiasoptin ,

Thank you for reaching out.

<span style=”box-sizing: border-box; margin: 0px; padding: 0px;”>I suspect this issue is caused by resource (*.css, *.js) concatenation or minification. The Events Calendar resource files are already minified by default. Since your site employs WP-Optimize, and if your theme also has a resource concatenation function, I recommend excluding the plugin’s resources from the process. For more information, please check out our WP-Optimize knowled</span>gebase article.

Thread Starter tobiasoptin
(@tobiasoptin)

1 year, 3 months ago

Hi @tristan083 ,

thanks for the message but it didn’t help. I also deactivated the WP-Optimize to test but the problem still persists.

As already said, the theme is breaking it. How can I fix that?

Thx

Plugin Support Darian
(@d0153)

1 year, 3 months ago

Hi @tobiasoptin

I just checked your calendar, and everything appears to be working as expected on my end. You can check this screen recording for reference: [https://share.zight.com/X6uGnQyA].

Are you still experiencing the issue? Let me know how I can assist further.
Thread Starter tobiasoptin
(@tobiasoptin)

1 year, 3 months ago
@d0153

yes after a lot of working with AI, it found a solution. As I can’t explain what the problem is, here is the function it gave me. It had to do something with z-indexing or so.
```
// Modified script handling function
function fix_events_calendar_scripts() {
    // First dequeue theme's jQuery
    wp_dequeue_script('jquery-3.4.1');
    
    // Re-enqueue WordPress jQuery
    wp_enqueue_script('jquery');
    
    // Then load Bootstrap
    wp_enqueue_script('popper', get_template_directory_uri() . '/assets/js/popper.min.js', array('jquery'), null, true);
    wp_enqueue_script('bootstrap', get_template_directory_uri() . '/assets/js/bootstrap.min.js', array('jquery', 'popper'), null, true);
    
    // Load the custom menu script
    wp_enqueue_script('custom-menu', get_stylesheet_directory_uri() . '/js/custom-menu.js', array('jquery', 'bootstrap'), filemtime(get_stylesheet_directory() . '/js/custom-menu.js'), true);
}
add_action('wp_enqueue_scripts', 'fix_events_calendar_scripts', 100);
```