AustinGolfEvents.com/ADD
I'm a newbie at Gravity Forms so hopefully I'm just missing something easy.
- I would like to have the Date Field popup with a calendar(datepicker) that the user can use to choose the correct date.
- I would also like the time to popup in a similar fashion so the user can scroll until they find the correct time.
I just assumed these were both standard features, please let me know if there is anything I'm inputting wrong.
Thanks in advance,
Mac
Richard Vav
Administrator
Hi Mac,
I am afraid Gravity Forms doesn't have a popup time picker.
The date field can be configured to use a jquery ui based popup datepicker which looks like this http://i.imgur.com/7sLKTZF.png
In the form editor, http://i.imgur.com/NUV7U92.png if you edit the date field on the properties tab you should see a 'Date Input Type' drop down, set this to 'Date Picker' and then set the radio buttons that appear below to 'Calendar Icon'.
Save and preview your form and you should find your date field now has single input box with a calendar icon next to it which when either are selected will activate the popup date picker.
Regards,
Richard
--
Just another member of the community helping out where I can
Thanks for taking the time to help me with this.
Are there tutorials on how to implement the jquery ui popup datepicker? Would there be a similar plugin for the "time" question? Right now people can put in 35:93 PM if they wanted to.
I have found a work around with the drop down dates but the years go into the past instead of the future, which obviously my events website focuses on future events not birthdays etc.
Thanks again,
Mac
You just need to use our Date field for the datepicker, but there is no time one built-in. That would require customization to work. Our date field uses the JQuery Datepicker script - http://jqueryui.com/datepicker/
Here is a timepicker that might help you out - http://trentrichardson.com/examples/timepicker/ You could attach the class to an input field and get the value you want. Just make sure to only use the Timepicker. We don't have a date/time field as one field.
