Date Picker in community events

[oneguy]

Hi There.
I have 2 issues –
1. when picking a date in the date picker the page ” jumps” up and that’s annoying.
Can it be that when pressing the date for the event the datepicker will simply disappear?
Otherwise it’s really a bad ux since the user thinks it didn’t select anything ( The date that the user picks is not highlighted )
2. Can I control the number of months that are shown in the date picker? I don’t need to display 3 months there.
only 1 month ahead is better.
Thanks
Guy

[Geoff B.]

Good evening Guy and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the date picker issues you have been dealing with.
I would love to help you with this topic.

1. when picking a date in the date picker the page ” jumps” up and that’s annoying.
Can it be that when pressing the date for the event the datepicker will simply disappear?
Otherwise it’s really a bad ux since the user thinks it didn’t select anything ( The date that the user picks is not highlighted )

As a first troubleshooting step, could you please provide us with your system information in a private reply ? (following the instructions found in the link)

Ideally, it would be awesome if you could share an URL so that I can see the “jump” in action to help identify what the issue is.
One thing is for sure, it should not jump!

Finally, could you tell me which view you are using the datepicker from ? (Daily, Monthly)

2. Can I control the number of months that are shown in the date picker? I don’t need to display 3 months there.
only 1 month ahead is better.

Yes, you can totally do that. You might want to read our Themer’s guide to get a sense of how that works.

Best regards,

Geoff B.

[oneguy]

This reply is private.

[Geoff B.]

Hey Guy,

Thank you for your answer!

Unfortunately, our policy does not allow us to log in with admin credentials to clients websites for several reasons, including liability, so I had to remove the login information from the thread.

I also took the liberty of registering as a front-end user to test things out, but unfortunately, I have not received an email confirmation on that. Would you mind creating such a front-end user for me please ?

Best regards,

Geoff B.

[oneguy]

This reply is private.

[Geoff B.]

Good evening Guy,

Thank you for the front-end access.
I know see what you mean by jumping.

This is definitely not standard behaviour. But if it can help, I am noticing a couple of things about your website’s Community Add page:

1. Normally when you pick a date (click on it), the normal behaviour is for the date picker to close (yours stays open)
2. There are 2 JavaScript messages in the console that are related to the date picker in your install. Both of them produce the: Uncaught TypeError: t.getFullYear is not a function error message.

So the probable causes are the following:

• You might have a template customization that needs updating or fixing
• You might have a plugin or your theme conflict with our plugins datepicker (probably at the JavaScript or JQuery level)

Either way, I would recommend that you go through our testing for conflicts procedure (preferably in a staging/dev environment or local install of your WordPress website) and let us know what you find out.

Basically the goal here is to revert back to a bare WordPress installation to see if the problem persists. It also allows us to pinpoint what the cause of the issue is.

Let me know how that goes.

Best regards,
Geoff B.

[oneguy]

Thanks!!!
I will do that and let you know how that went….
I couldn’t find the way to customize the datepicker number of months – can you please be so kind and point
me to where can i control the number of months being shown on the date picker?
Thanks!!!
Guy

[Geoff B.]

Good evening Guy,

Alright, let me know what you find out. I’m pretty confident it will help us identify the issue.

As for your second question, I recommend you study the following post to get you started: https://theeventscalendar.com/support/forums/topic/date-format-and-picker-in-community-submission-form/

Let me know if that helps.

Happy easter!

Geoff B.

[oneguy]

hi There Geoff.
Well, I was trying to find the [lace where I can control the number of months,
but couldn’t find it…
Actually I couldn’t find the place where i can control anything on the community calendar.

I tried deleting this directory –
public_html/wp-content/plugins/the-events-calendar/vendor/jquery
but nothing changed.

I tried deleting this file –
public_html/wp-content/plugins/the-events-calendar/src/resources/js/events-admin.js

but still, nothing happened.

Any clues?
All I want is to have the community date picker to show only 1 months instead of 3…
Thanks!
Guy

[Geoff B.]

Good evening Guy,

I’m sorry this didn’t work out for you.

Just to set expectations, as you might know, the scope of our support is mostly to get our wonderful customers started on the right track to customize their site and to help them in case of issues. We unfortunately do not provide complete support for customization.

I apologize, as I should have started with this disclaimer, my bad.

A very simple approach to get what you want would be to use CSS.
It’s very rough (you will need to tweak the container and general appearance), but you could start by using a rule such at this one:

.tribe_community_edit .ui-datepicker-prev, .tribe_community_edit .ui-datepicker-group-middle, .tribe_community_edit .ui-datepicker-group-last {display:none}

Let me know if that helps.

Have a great day!

Geoff B.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts