Hello guys,

I do hope you are able to help.
I have a date pop up field on my custom form.
This displays as expected, with two text boxes. One for date and the other for time.

On entering the date field, a popup fires and once a date is selected, the text box is updated and the ajax callback assigned to the form element fires. This callback is a replace on a separate markup element.

This is all good and as I expected the code to function.

The issue I have is when selecting the time. The venga drop down appears and a selection can be made. This updates the textfield with the new time. However the selection does not fire the ajax callback so the markup does not get effected.

The values are stored, as re-selecting the date will fire the callback and the previously selected time will update the markup.

Any ideas? I have checked through the date_popup module and the process_time and process_date functions seem to be set the same a far as ajax is concerned. So it baffles me why one would fire and the other does not.

I am currently using version 7x.2.6 of date and date pop up.
And the venga library of 1.2.1
The updated version of venga (version 1.2.2) did not display at all.

Another symptom is that the timepicker does not disappear when a click is made outside the container, whereas the date pop up does.

Any help with this would be gladly receieved.
Thank you.
xK

Comments

kitt2012’s picture

kitt2012 commented

Update:

I found a comment on the wvenga blog post by a gent called Hernan Silva.
http://wvega.com/225/jquery-timepicker/

I have taken the advice and edited the jquery.timepicker.js to use 'change' and not 'time-change'.

setTime: function(i, time, silent) {
                var widget = this;

               ...
               ...               
                    // custom change event and change callback
                    // TODO: add documentation about this event
                   /**Kitt-Edit: 130418
                  * Line 521.
		  * i.element.trigger('time-change', [time]);
                  **/
                    i.element.trigger('change', [time]);
                    if ($.isFunction(i.options.change)) {
                        i.options.change.apply(i.element, [time]);
                    }
                } else {
                    i.selectedTime = null;
                }

                return i;
            }

This allows the ajax to fire on the change event.

The not on focus behavior is still occurring and I will update if i find anything.

xK