validate.js & timeentry.js conflict?
Please see my jsFiddle demonstration by following the link below:
http://jsfiddle.net/thargenediad/gerus/
I believe I have some sort of conflict between the validate.js & timeentry.js plug-ins. When I remove my call to
- // initialize the Pickup Time field
$("#pickupTime").timeEntry({
maxTime: '04:00PM',
minTime: '08:00AM',
spinnerImage: '../Templates/images/timeEntrySpinnerDefault.png',
timeSteps: [1, 15, 0]
});
, the "timeEntry" validation method gets called properly (but not the "maxTime" & "minTime" methods, because I don't explicitly tell validate.js to use "maxTime" & "minTime", only "timeEntry").
However, when I put the call back in, the "timeEntry" validation method never gets called, but the "minTime" & "maxTime" validation methods do get called. For some reason, "minTime" & "maxTime" get called automatically. As a matter of fact, I had to add them in order to prevent errors, because validate.js was attempting to call them before they even existed! :(