Forums

Hi,

I am using joomla 2.5 & Chronoforms V4. I have created a form which has a datetime picker. I have configured it for Mootools datepicker type with JQUI Style. Other styles are not even displaying Date Picker properly. However in this style datepicker works fine but the time picker is displaying only half digits. Please find attached screenshot for the same.

Hi VK123,

I think we've seen something similar before, this is a conflict with some other CSS on the page that is setting the height of those boxes.

Please post a link to the form so I can take a quick look.

Bob

Thanks for your reply.

Here is the link for the form.

http://safecarpool.cloudaccess.net/en/car-share-offered1.html

However please note that the snapshot posted earlier is the snapshot of Chronoform Test Form link which shows the same thing.

Regards,
Vrushali

Hi Vrushali,

Please try adding this to a Load CSS action in the form On Load event:

.datepicker_jqui .time input {
height: 40px;
}

Bob

PS There is a similar problem with the Submit & Reset buttons.

Thanks a lot.. Display problem for mootools is now resolved.

However my backend is php my SQL. This takes input in "%Y-%m-%d %H:%M:%S" Format. And by default mootools JQUI is submitting in "%d-%m-%Y %H:%M:%S" Format. This had caused database to display Journey Start Time as "0000-00-00 00:00:00". Hence I used Custom Mootools Datepicker to change the Format. Which is now working correctly on database part. But displaying datetimepicker twice at front end. I tried searching several threads but couldn't find solution on this.

P.S. I am yet to try CSS style for Submit & Reset button. I hope it should get resolved with a similar CSS code in same Load CSS event.

Hi Vrushali,

You don't need to use the Custom MooTools DatePicker to change just the format. Use the Options box on the form General Tab (click the form name link in the Forms Manager to open it and scroll down).

There's a bug with the Custom MooTools datepicker because the old class is left in place and that can trigger a second datepicker. Using an ordinary Text Box element for the custom Datepicker should fix this.

Bob

Thanks for your reply Bob. I am very much new to writing code in this technology. I tried several things which are specified in few forums here. But nothing seems to be working. I am writing the code under Forms Manager >"Form Name"> General> Datetime Picker Config. Hope this is the one you are talking about.

inputOutputFormat: '%Y-%m-%d %H:%M:%S' - Checking with this. But looks like this is not working😟

Hi Vrushali,

Sorry, the MooTools DatePicker only uses 'format' so format: '%Y-%m-%d %H:%M:%S' should work. Both 'inputOutputFormat' and 'format' were used with the previous MonkeyPhysics datepicker.

Bob

Thanks a lot. Its working fine now.🙂