Support » Plugin: Events Manager » Event Submission Date Picker

  • Resolved darcyoordt

    (@darcyoordt)



    I had this issue when I started but on the backend. It resolved itself when I manually installed the plugin (versus installing it using WordPress). But I don’t know why it is now doing it on the submission form. I went through the jquery conflict sheet–changed themes and plugins–and that didn’t resolve it.

    Very frustrating because I am getting a lot of submissions and without a way to either make this work or import entries, I am going to have to look for a different plugin. Anyone have any ideas?

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi,
    EM User here.

    It seems your jQuery is corrupt. If you look in your console (with Chrome for example), you will see the errors.

    Try adding this to your functions.php:

    function stonehenge_load_jquery_cdn() {
    wp_deregister_script('wp-embed');
    wp_deregister_script('jquery');
    wp_enqueue_script('jquery','https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', '', false);
    }
    add_action('wp_enqueue_scripts', 'stonehenge_load_jquery_cdn');

    This will unload WordPress’ own jQuery and load from the Google CDN.

    This does not seem to have worked. I installed Use Google Libraries, which I thought was supposed to resolve Jquery issues. I don’t understand how the date picker can work on the back end, but not the front end.

    Have you tried deactivating your other plugins and then reactivating one at a time, check to see which one actually causes the error?

    There are currently 18 errors when your page loads. Most are jQuery related. If there is a jQuery error, it will most likely block the loading of other scripts.

    “[Violation] Forced reflow while executing JavaScript took 108ms”

    I did a quick SEO check for you:
    You are currently trying to load way too many javascript files.

    Do a free check here (not my page or anything):
    https://www.seocentro.com/tools/seo/seo-analyzer.html

    One of their results:
    Browser Connection Limitations
    Browsers limit the number of HTTP connections with the same domain name. Most modern browsers allow six connections per domain. Most older browsers allow only two connections per domain. 81 files need to wait to open a connection before it can be downloaded.
    Make use of CSS Image Sprites for small images.
    Combine external javascripts and css files together.

    Place javascripts and/or images on different (sub)domains.
    Example: static.example.com / img.example.com.

    domain: harrisburgmagazine.com – 87 files
    domain: fonts.googleapis.com – 1 files
    domain: pagead2.googlesyndication.com – 1 files
    domain: ajax.googleapis.com – 1 files

    If you deactivate all other plugins, the date picker should work. Then activate one, check again, etc, until you found where the error occurs 🙂

    It isn’t a conflict with another plugin. I have a troubleshooter plugin installed that allows me to disable all themes and plugins (Health Check & Troubleshooting). And when I did that, the date picker still didn’t work.

    And I still have the following error:

    Uncaught TypeError: dateInput.datepicker is not a function
        at HTMLInputElement.<anonymous> (events-manager.js?ver=5.95:741)
        at Function.each (jquery.js?ver=1.12.4:2)
        at a.fn.init.each (jquery.js?ver=1.12.4:2)
        at em_setup_datepicker (events-manager.js?ver=5.95:736)
        at HTMLDocument.<anonymous> (events-manager.js?ver=5.95:592)
        at i (jquery.js?ver=1.12.4:2)
        at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
        at Function.ready (jquery.js?ver=1.12.4:2)
        at HTMLDocument.K (jquery.js?ver=1.12.4:2)

    Well, when I blocked all those scripts on your site, it did work.. Have you tried deactivating all plugins, except EM? Not with another plugin, but truly deactivate them?

    Again, you are loading a lot of files and I get all kinds of errors due to time outs etc.

    Okay, I uninstalled ALL the plugins and the theme.

    STILL HAD THE ERROR. Date picker did not work.

    events-manager.js?ver=5.95:741 Uncaught TypeError: dateInput.datepicker is not a function
        at HTMLInputElement.<anonymous> (events-manager.js?ver=5.95:741)
        at Function.each (jquery.js?ver=1.12.4:2)
        at a.fn.init.each (jquery.js?ver=1.12.4:2)
        at em_setup_datepicker (events-manager.js?ver=5.95:736)
        at HTMLDocument.<anonymous> (events-manager.js?ver=5.95:592)
        at i (jquery.js?ver=1.12.4:2)
        at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
        at Function.ready (jquery.js?ver=1.12.4:2)
        at HTMLDocument.K (jquery.js?ver=1.12.4:2)

    Nothing to fix this? Dang, I am really regretting trying this plugin. I am going to have to go with something else now.

    I am sorry I can’t help you any further, Darcy. 🙁
    It sure does look like you have tried just about everything now.

    Perhaps the EM Dev’s can find out what the problem is?
    Angelo, Tim??

    Plugin Support angelo_nwl

    (@angelo_nwl)

    sorry but events submission form is currently disable on your site? https://harrisburgmagazine.com/test-event-submission/

    also, since it’s working fine on our test servers using the latest EM version and Dev version it might be somewhere in your site such as the above mentioned other plugins or theme Or if you are using custom snippet/code or modify any EM template.

    Plugin Author Marcus

    (@netweblogic)

    NetWebLogic Support

    Hi, this is probably a little late, but in case it’s not, or other stumble upon this with the same problem, I’d suggest two things.

    Firstly, if you’ve tried enabling performance optimization before, that might be the problem. You can check by going to Events > Settings > Performance Optimization and making sure both Limit JS file loading? and Limit loading of our CSS files? are set to No.

    If that doesn’t help, for troubleshooting mode (i.e. testing only EM installed with a default theme) try this plugin I made to test out a conflict:

    https://wordpress.org/plugins/wp-safe-mode/

    Edit: you can even test out EM without actually activating it again for other users on your site, although given you have installed TEC there may be other conflicts arising from similar event data with different formats.

    I can tell you that unless you disabled loading of jQuery libraries for all pages via the optimization options in our plugin, it’s almost definitely a plugin or theme conflict, because that error indicates that WP hasn’t loaded the right jQuery libraries.

    • This reply was modified 2 weeks, 1 day ago by  Marcus.
Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.