Time Picker doesn't work

Hi

I m trying to use a timepicker according to this FAQ

http://www.chronoengine.com/faqs/70-cfv5/5248-how-can-i-add-a-time-picker-to-cfv5.html

But it doesn't work. i can't see any date/time picker interface. The script is loading correctly and teh jQueryEasy extension is enabled.

Thank you
Chris

Hi Chris,

I can’t tell anything from your post - most likely there is a JavaScript error on the page. Please post a link to the form so I can take a quick look.

Bob

Hi Bob

http://ifma.allerhand.ch/index.php?option=com_chronoforms5&chronoform=zeiteingabe

Thank you
Chris

Hi jalbur,

The site is loading jQuery v1.8 - please upgrade this to at least v1,11 and also JQuery UI from v1.9 to at least v1.10

Bob

Hi Bob

OK. With a little help from "jQuery Easy" i updated to j.query 1.11 and JQuery UI to 1.11.
But it still doesn't work.

Thank you
Chris

I have a textfile with the id date_time
and a "load javascript" in the "On load" area with the following code:

<?php
$jdoc = \JFactory::getDocument();
$jdoc->addScript(JURI::root().'components/com_chronoforms5/chronoforms/extras/timepicker/src/jquery-ui-timepicker-addon.js');
?>

jQuery(document).ready(function (jQ) {
  jQ( '#date_time' ).datetimepicker({
    timeFormat: 'hh:mm tt',
    minDate: 0,
    minTime: '11:00 am',
    hour: 20,
    minute: 0,
    stepMinute: 15,
  });
});

Hi Chris,

jQuery isn't loading and the page is stuffed with JavaScript errors as a result, You need to add a Sub-version as well as the version. See the version list here

Bob

Hi Bob,

Thank you (once again)
Yes, i forgot to add the subversion in "jQuery Easy", Now it works, great.
I know, this is not a chronform issue, but i'm not able to let the second- and millisecond-slider and the time-zone dropdown dissappear. As well, how can i use another language?

Cheers
Chris

Hi Chris,

To get the seconds and milli-seconds to work you'd need to extend the format - see here and check that the format was maintained through the on submit processing.

To change the language see here

Bob

Hi,
I've been looking for a long time, but I haven't found anything suitable. I'd have to set the calendar in 24-hour format. Can someone please help me?

Hi ituxxl ,

This is an old thread. What exactly are you trying to do and with which version of ChronoForms?

Bob

Hi Bob, sorry for the question but i tried and searched much and could not find something. I use the latest Chronoforms 6. I also bought a Chronoform subscription. I use Chronoforms over the last years, in Chronoform 5 i used the "ulkit" timepicker for a field. I my new Template i use ulkit3 and this framework has no timepicker. So i have to use the Chronoform timepicker. But i doesn't know how to change to an 24h format. Thanx a lot.

Hi Bob, i found out that i can change the Setting direct in de "calendar.min.js" under "\libraries\cegcore2\assets\semantic-ui\calendar" the parameter "ampm" from "!0" tho "!1" ... i could not find out how i can handle this parameter with the "data-" Extra attribute form the Chronoform6 Interface like "data-days:S, M, D, M, D, F, S" ... i found all parameters from the original semantic-ui calender guide "https://github.com/mdehoog/Semantic-UI-Calendar" ... it's possible to handle the "ampm" parameter from the Cronoform6 GUI? Thanx

Hi ituxxl,

You want to set the interface in 24 hour format or the returned date ?

Please make sure you apply the newest update 6.0.8 as it has new changes in the date formatting.

Best regards,
Max