Custom 12 Hour Time Picker

Are there any support custom time pickers? I want the user to be able to pick time with a 12 hour clock.I am using the custom datetime utility but it only picks in 24 hour time.

Hi mabeach ,

I don't know of any, Google is your best bet.

Bob

So Chronoforms does not supports 12 hour time picker?

Hi mabeach,

There isn't one built in if that is what you are asking. You can add one though if you can find something that does what you need (12 hour time-pickers are not common).

Bob

Depending on your location 12 hour time pickers may not be common. Here in the United States the 12 hour time picker is standard. Most time pickers I am seeing on the internet are showing 12 and 24 hours as options. So Chronoforms may want to make that an option.

I will report back when I get a custom time picker working and how I did it.

Thanks for the help.

HI mabeach,

The Monkeyphysics calendar used in ChronoForms v3 does have a 12 hour option but, in my opinion. the timepicker is tiny and difficult to use.

Bob

True.

I started using http://www.ama3.com/anytime/ date and time picker. I got it to work on the form I am working with but I am running into some bugs.

When I add this link below to the header of my site or a custom code box the validation stops working.

<script src="/jquery-1.4.2.js"></script>

This leads me to think chrono is using jquery but I am unable to find jquery in the code.

so my questions are:
1. Is jquary being used?
2. Where is the jquary at?
3. How can I start to troubleshoot this?
4. Is there a way around this?


When I work out the big i'll post how I did it all.

Thanks,
Marc.

Hi Marc,

Neither ChronoForms nor Joomla! use JQuery.

Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest - which may or may not work - is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat plugin named JB Library from Joomla! Bamboo that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode. However this requires that JQuery is loaded using the Joomla Document object methods.

I have a tutorial on Resolving jQuery problems that explores some of he iddues an diagnostics and shows how to modify a template to use the Joomla! Document methods to load JQuery in noConflict mode.

Lets try this:

jQuery.noConflict();

not sure where the

ChronoForms Form JavaScript box:

is located.

Hi Mabeach,

It will be a Load JS action in ChronoForms v4.

Bob

Sorry for double post.

I used the:

jQuery.noConflict();

and it is working.

Where is a good place to post my MOD for this date and time picker?


Again Thanks for all the help.

Hi mabeach,

You can post it here - I'll move the thread over into the ChronoForms How To forum.

Bob