Forum

Thread tagged as: Question, Problem

Date & Time Picker for Form Entry

Not sure if there is anything that can be done, but just noticed that the Date and Time input for forms do not display/work in Internet Explorer or Mozilla Firefox. Is there any suggested workaround as client really wants a date picker in their user input form?

regards

Rich

Richard Lowe

Richard Lowe 0 points

  • 6 years ago
Richard Lowe

Richard Lowe 0 points
Registered Developer

Also, if there is a date or time field input then the form won't submit even manually added dates or times from IE or Firefox. Works fine in Chrome

Debug Below

SELECT DISTINCT settingID, settingValue FROM perch2_settings WHERE userID=0

Array ( [treatmentdate] => format )

SELECT * FROM perch2_pages WHERE pagePath='/contact/index.php' LIMIT 1 SELECT * FROM perch2_pages WHERE pagePath='/contact/index.php' LIMIT 1 Using template: /templates/pages/attributes/default.html Using sub-template: /templates/pages/attributes/seo.html Using template: /templates/search/search-form.html SELECT * FROM perch2_pages WHERE pageNew=0 AND pageHidden=0 AND pageDepth >=0 AND pageDepth<=3 ORDER BY pageTreePosition ASC SELECT pageTreePosition FROM perch2_pages WHERE pagePath='/contact/index.php' LIMIT 1 SELECT pageID FROM perch2_pages WHERE pageTreePosition IN ('000-012', '000') Using template: /templates/navigation/item.html SELECT regionKey, regionHTML FROM perch2_content_regions WHERE regionPage='/contact/index.php' OR regionPage='*' ORDER BY regionPage DESC

Drew McLellan

Drew McLellan 2638 points
Perch Support

I don't think those browsers have implemented a date picker yet for HTML5 date fields.

You could always add a JavaScript widget.

Richard Lowe

Richard Lowe 0 points
Registered Developer

Just found a jquery one which works great! You just broke your record for the fastest reply, well done Drew.

I know this is a few months back but which jury one did you find? I am having trouble finding one that works.

I know this is a few months back but which jury one did you find? I am having trouble finding one that works.

Richard Lowe

Richard Lowe 0 points
Registered Developer

Hi Denise.

See this link https://www.simplytranquilholistictherapies.co.uk/bookings/ for working datepicker You can get it from

https://xdsoft.net/jqplugins/datetimepicker/

regards

Rich

Thanks for that Rich but for some reason i still can't get it working just keep getting the blank input text box. It is obviously me not the javascript. Quick question, did you use perch forms?

thanks Denise

Richard Lowe

Richard Lowe 0 points
Registered Developer

This is how I have he input field in the form template:-

<div> <perch:label for="dateandtime">Preferred Date and Time</perch:label> <perch:input type="text" class="some_class" id="dateandtime" label="Date" format="%A, %e %B %Y" /> </div>