Datepicker collision with ACF

Hey Jonathan,

Thanks for writing in to the forum! And thanks for letting us know about the interaction. So that we can take a closer look, can you post a screenshot of the context in which you’re seeing the ‘year’ box disappear when using the datepicker?

That’ll allow us to try and replicate the issue with the ACF plugin, then pass along that info to our developers.

Additionally, there may be a way to workaround the issue by editing the CSS declarations in the plugin code itself, manually. So, replicating the issue will help us to better make suggestions in regards to that too.

Looking forward to hearing back!

Steps to replicate:
1) create custom post type (probably not necessary, try with ordinary post first)
2) create ACF field set including a datepicker field
3) attach field set to (custom) posts
4) try to change date in datepicker field
5) observe absence of year select box

Screenshot here

Thanks for your reply!
Jonathan

Hey hey,

I was able to download the ACF plugin and saw a similar interaction of that “year” picker not displaying. The cause of it does seem to be a line of CSS code included in our plugin, so it’s something I can definitely offer to pass along to the developers to take a closer look.

In the mean time, there are a few workarounds available:

-I found that disabling the MailChimp plugin (WP Admin > Plugins > Installed Plugins > Deactivate), did allow me to use that datepicker. So one option, though not the most ideal, is to temporarily disable the plugin when using the Advanced Custom Fields year picker options.

-Another option would be to edit the MailChimp plugin’s code directly. This isn’t something we’d be able to get too deep into, but ultimately you should be able to find that by going to the plugin’s code editor (WP Admin > Plugins > Editor > [select] MailChimp > mailchimp.php) and searching for the following bit of code:

.ui-datepicker-year {
		display: none;
	}

Commenting that “display:none” out should do the trick.

If you have anymore questions, just let us know!

Better solution:

//override silly mailchimp plugin css in admin backend
function show_datepicker_year() {
   echo '<style type="text/css">
        .ui-datepicker-year {display: inline !important;}
        </style>';
}
add_action('admin_head', 'show_datepicker_year');

Awesome! Thanks for posting that! ?? Let us know if you have any questions or run into any other conflicts with the plugin and I’d be happy to pass them along.

-tk

Thanks boys.

Just mentioning here it’s mid November 2013 and I have same issue. If you MailChimp guys could please look into this as ACF is a very common plugin.

By the way. I think Jonathan deserved one of your MailChimp hats.

peace