Support

Home Forums Event Espresso Premium Date picking in registration calendar

Date picking in registration calendar

Posted: October 16, 2020 at 2:16 am


2silda

October 16, 2020 at 2:16 am

Hi, I have little question about datepicker in calendar located at registration. When customer adds tickets to his/her basket and moves on to enterint data there is date picker what we are using for customers birthdate. But there is a little design flaw in this. If user opens calendar, clicks on a date, then the calendar closes. He/she has to open calendar again, pick a month, then it closes and again open it and choose a year. But if you start from the other end (first year, then month and then a date) it’s all okay.

So my question would be, is it possible to stop somehow calendar closing, as this has made pretty few false-positive birthdates in our database.


Tony

  • Support Staff

October 16, 2020 at 7:26 am

Hi there,

Can you link me to an event I can register onto to view this?

I’m not able to reproduce with the same steps above, if I select a date, then click away, then click again and select a month the datepicker shows as it should and allows me to select a date. I can select both the month, year and specific date without an issue.


2silda

October 19, 2020 at 5:49 am

Here you can see how it closes the calendar every time after making selection in particular order.

https://drive.google.com/file/d/1AyISs8XBF0woIuslr7iL3hyS8ybIXhcA/view?usp=sharing


Tony

  • Support Staff

October 19, 2020 at 6:11 am

Hi there,

I don’t have access to view the above and have requested.

If its a video showing the problem it likely won’t help as I’ll need to view the scripts loading on the page.


2silda

October 19, 2020 at 6:12 am

This reply has been marked as private.


Tony

  • Support Staff

October 19, 2020 at 6:22 am

Oh, ok, I see what you are doing and no, there’s no way to prevent that with the current date picker.

By clicking on a specific date you are selecting that date so the date picker closes, it’s not expected that you would select a date, then specify a month and select a date, then specify a year for the date you selected. Generally, it would be expected that you select the month and year that you want to display in the date picker, then select a specific date within that month and year.

I’m not aware of a date picker that works the way you are trying to use it without separate fields for each element but I’ll check with our developers on this.

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: publish

Updated by  Tony 1 week ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!
[gravityform id=80 title=false description=false ajax=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_80' ><form method='post' enctype='multipart/form-data' id='gform_80' action='/topic/date-picking-in-registration-calendar/'> <div class='gform_body'><ul id='gform_fields_80' class='gform_fields top_label form_sublabel_below description_below'><li id='field_80_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_1' >First name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_80_1' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_80_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_80_2' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> </div></li><li id='field_80_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_80_3'><li class='gchoice_80_3_1'> <input name='input_3.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_80_3_1' /> <label for='choice_80_3_1' id='label_80_3_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_80_4' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_4' >Comments</label><div class='ginput_container'><input name='input_4' id='input_80_4' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_80_4'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_80' class='gform_button button' value='Download Now' onclick='if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} jQuery("#gform_80").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_80' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='80' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_80' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_80' id='gform_target_page_number_80' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_80' id='gform_source_page_number_80' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 80) {} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [80, 1]) } ); </script>
[i]
[i]