1 | /* |
---|
2 | * jQuery timepicker addon |
---|
3 | * By: Trent Richardson [http://trentrichardson.com] |
---|
4 | * Version 1.1.1 |
---|
5 | * Last Modified: 11/07/2012 |
---|
6 | * |
---|
7 | * Copyright 2012 Trent Richardson |
---|
8 | * You may use this project under MIT or GPL licenses. |
---|
9 | * http://trentrichardson.com/Impromptu/GPL-LICENSE.txt |
---|
10 | * http://trentrichardson.com/Impromptu/MIT-LICENSE.txt |
---|
11 | */ |
---|
12 | |
---|
13 | /*jslint evil: true, white: false, undef: false, nomen: false */ |
---|
14 | |
---|
15 | (function($) { |
---|
16 | |
---|
17 | /* |
---|
18 | * Lets not redefine timepicker, Prevent "Uncaught RangeError: Maximum call stack size exceeded" |
---|
19 | */ |
---|
20 | $.ui.timepicker = $.ui.timepicker || {}; |
---|
21 | if ($.ui.timepicker.version) { |
---|
22 | return; |
---|
23 | } |
---|
24 | |
---|
25 | /* |
---|
26 | * Extend jQueryUI, get it started with our version number |
---|
27 | */ |
---|
28 | $.extend($.ui, { |
---|
29 | timepicker: { |
---|
30 | version: "1.1.1" |
---|
31 | } |
---|
32 | }); |
---|
33 | |
---|
34 | /* |
---|
35 | * Timepicker manager. |
---|
36 | * Use the singleton instance of this class, $.timepicker, to interact with the time picker. |
---|
37 | * Settings for (groups of) time pickers are maintained in an instance object, |
---|
38 | * allowing multiple different settings on the same page. |
---|
39 | */ |
---|
40 | function Timepicker() { |
---|
41 | this.regional = []; // Available regional settings, indexed by language code |
---|
42 | this.regional[''] = { // Default regional settings |
---|
43 | currentText: 'Now', |
---|
44 | closeText: 'Done', |
---|
45 | amNames: ['AM', 'A'], |
---|
46 | pmNames: ['PM', 'P'], |
---|
47 | timeFormat: 'HH:mm', |
---|
48 | timeSuffix: '', |
---|
49 | timeOnlyTitle: 'Choose Time', |
---|
50 | timeText: 'Time', |
---|
51 | hourText: 'Hour', |
---|
52 | minuteText: 'Minute', |
---|
53 | secondText: 'Second', |
---|
54 | millisecText: 'Millisecond', |
---|
55 | timezoneText: 'Time Zone', |
---|
56 | isRTL: false |
---|
57 | }; |
---|
58 | this._defaults = { // Global defaults for all the datetime picker instances |
---|
59 | showButtonPanel: true, |
---|
60 | timeOnly: false, |
---|
61 | showHour: true, |
---|
62 | showMinute: true, |
---|
63 | showSecond: false, |
---|
64 | showMillisec: false, |
---|
65 | showTimezone: false, |
---|
66 | showTime: true, |
---|
67 | stepHour: 1, |
---|
68 | stepMinute: 1, |
---|
69 | stepSecond: 1, |
---|
70 | stepMillisec: 1, |
---|
71 | hour: 0, |
---|
72 | minute: 0, |
---|
73 | second: 0, |
---|
74 | millisec: 0, |
---|
75 | timezone: null, |
---|
76 | useLocalTimezone: false, |
---|
77 | defaultTimezone: "+0000", |
---|
78 | hourMin: 0, |
---|
79 | minuteMin: 0, |
---|
80 | secondMin: 0, |
---|
81 | millisecMin: 0, |
---|
82 | hourMax: 23, |
---|
83 | minuteMax: 59, |
---|
84 | secondMax: 59, |
---|
85 | millisecMax: 999, |
---|
86 | minDateTime: null, |
---|
87 | maxDateTime: null, |
---|
88 | onSelect: null, |
---|
89 | hourGrid: 0, |
---|
90 | minuteGrid: 0, |
---|
91 | secondGrid: 0, |
---|
92 | millisecGrid: 0, |
---|
93 | alwaysSetTime: true, |
---|
94 | separator: ' ', |
---|
95 | altFieldTimeOnly: true, |
---|
96 | altTimeFormat: null, |
---|
97 | altSeparator: null, |
---|
98 | altTimeSuffix: null, |
---|
99 | pickerTimeFormat: null, |
---|
100 | pickerTimeSuffix: null, |
---|
101 | showTimepicker: true, |
---|
102 | timezoneIso8601: false, |
---|
103 | timezoneList: null, |
---|
104 | addSliderAccess: false, |
---|
105 | sliderAccessArgs: null, |
---|
106 | controlType: 'slider', |
---|
107 | defaultValue: null, |
---|
108 | parse: 'strict' |
---|
109 | }; |
---|
110 | $.extend(this._defaults, this.regional['']); |
---|
111 | } |
---|
112 | |
---|
113 | $.extend(Timepicker.prototype, { |
---|
114 | $input: null, |
---|
115 | $altInput: null, |
---|
116 | $timeObj: null, |
---|
117 | inst: null, |
---|
118 | hour_slider: null, |
---|
119 | minute_slider: null, |
---|
120 | second_slider: null, |
---|
121 | millisec_slider: null, |
---|
122 | timezone_select: null, |
---|
123 | hour: 0, |
---|
124 | minute: 0, |
---|
125 | second: 0, |
---|
126 | millisec: 0, |
---|
127 | timezone: null, |
---|
128 | defaultTimezone: "+0000", |
---|
129 | hourMinOriginal: null, |
---|
130 | minuteMinOriginal: null, |
---|
131 | secondMinOriginal: null, |
---|
132 | millisecMinOriginal: null, |
---|
133 | hourMaxOriginal: null, |
---|
134 | minuteMaxOriginal: null, |
---|
135 | secondMaxOriginal: null, |
---|
136 | millisecMaxOriginal: null, |
---|
137 | ampm: '', |
---|
138 | formattedDate: '', |
---|
139 | formattedTime: '', |
---|
140 | formattedDateTime: '', |
---|
141 | timezoneList: null, |
---|
142 | units: ['hour','minute','second','millisec'], |
---|
143 | control: null, |
---|
144 | |
---|
145 | /* |
---|
146 | * Override the default settings for all instances of the time picker. |
---|
147 | * @param settings object - the new settings to use as defaults (anonymous object) |
---|
148 | * @return the manager object |
---|
149 | */ |
---|
150 | setDefaults: function(settings) { |
---|
151 | extendRemove(this._defaults, settings || {}); |
---|
152 | return this; |
---|
153 | }, |
---|
154 | |
---|
155 | /* |
---|
156 | * Create a new Timepicker instance |
---|
157 | */ |
---|
158 | _newInst: function($input, o) { |
---|
159 | var tp_inst = new Timepicker(), |
---|
160 | inlineSettings = {}, |
---|
161 | fns = {}, |
---|
162 | overrides, i; |
---|
163 | |
---|
164 | for (var attrName in this._defaults) { |
---|
165 | if(this._defaults.hasOwnProperty(attrName)){ |
---|
166 | var attrValue = $input.attr('time:' + attrName); |
---|
167 | if (attrValue) { |
---|
168 | try { |
---|
169 | inlineSettings[attrName] = eval(attrValue); |
---|
170 | } catch (err) { |
---|
171 | inlineSettings[attrName] = attrValue; |
---|
172 | } |
---|
173 | } |
---|
174 | } |
---|
175 | } |
---|
176 | overrides = { |
---|
177 | beforeShow: function (input, dp_inst) { |
---|
178 | if ($.isFunction(tp_inst._defaults.evnts.beforeShow)) { |
---|
179 | return tp_inst._defaults.evnts.beforeShow.call($input[0], input, dp_inst, tp_inst); |
---|
180 | } |
---|
181 | }, |
---|
182 | onChangeMonthYear: function (year, month, dp_inst) { |
---|
183 | // Update the time as well : this prevents the time from disappearing from the $input field. |
---|
184 | tp_inst._updateDateTime(dp_inst); |
---|
185 | if ($.isFunction(tp_inst._defaults.evnts.onChangeMonthYear)) { |
---|
186 | tp_inst._defaults.evnts.onChangeMonthYear.call($input[0], year, month, dp_inst, tp_inst); |
---|
187 | } |
---|
188 | }, |
---|
189 | onClose: function (dateText, dp_inst) { |
---|
190 | if (tp_inst.timeDefined === true && $input.val() !== '') { |
---|
191 | tp_inst._updateDateTime(dp_inst); |
---|
192 | } |
---|
193 | if ($.isFunction(tp_inst._defaults.evnts.onClose)) { |
---|
194 | tp_inst._defaults.evnts.onClose.call($input[0], dateText, dp_inst, tp_inst); |
---|
195 | } |
---|
196 | } |
---|
197 | }; |
---|
198 | for (i in overrides) { |
---|
199 | if (overrides.hasOwnProperty(i)) { |
---|
200 | fns[i] = o[i] || null; |
---|
201 | } |
---|
202 | } |
---|
203 | tp_inst._defaults = $.extend({}, this._defaults, inlineSettings, o, overrides, { |
---|
204 | evnts:fns, |
---|
205 | timepicker: tp_inst // add timepicker as a property of datepicker: $.datepicker._get(dp_inst, 'timepicker'); |
---|
206 | }); |
---|
207 | tp_inst.amNames = $.map(tp_inst._defaults.amNames, function(val) { |
---|
208 | return val.toUpperCase(); |
---|
209 | }); |
---|
210 | tp_inst.pmNames = $.map(tp_inst._defaults.pmNames, function(val) { |
---|
211 | return val.toUpperCase(); |
---|
212 | }); |
---|
213 | |
---|
214 | // controlType is string - key to our this._controls |
---|
215 | if(typeof(tp_inst._defaults.controlType) === 'string'){ |
---|
216 | if($.fn[tp_inst._defaults.controlType] === undefined){ |
---|
217 | tp_inst._defaults.controlType = 'select'; |
---|
218 | } |
---|
219 | tp_inst.control = tp_inst._controls[tp_inst._defaults.controlType]; |
---|
220 | } |
---|
221 | // controlType is an object and must implement create, options, value methods |
---|
222 | else{ |
---|
223 | tp_inst.control = tp_inst._defaults.controlType; |
---|
224 | } |
---|
225 | |
---|
226 | if (tp_inst._defaults.timezoneList === null) { |
---|
227 | var timezoneList = ['-1200', '-1100', '-1000', '-0930', '-0900', '-0800', '-0700', '-0600', '-0500', '-0430', '-0400', '-0330', '-0300', '-0200', '-0100', '+0000', |
---|
228 | '+0100', '+0200', '+0300', '+0330', '+0400', '+0430', '+0500', '+0530', '+0545', '+0600', '+0630', '+0700', '+0800', '+0845', '+0900', '+0930', |
---|
229 | '+1000', '+1030', '+1100', '+1130', '+1200', '+1245', '+1300', '+1400']; |
---|
230 | |
---|
231 | if (tp_inst._defaults.timezoneIso8601) { |
---|
232 | timezoneList = $.map(timezoneList, function(val) { |
---|
233 | return val == '+0000' ? 'Z' : (val.substring(0, 3) + ':' + val.substring(3)); |
---|
234 | }); |
---|
235 | } |
---|
236 | tp_inst._defaults.timezoneList = timezoneList; |
---|
237 | } |
---|
238 | |
---|
239 | tp_inst.timezone = tp_inst._defaults.timezone; |
---|
240 | tp_inst.hour = tp_inst._defaults.hour; |
---|
241 | tp_inst.minute = tp_inst._defaults.minute; |
---|
242 | tp_inst.second = tp_inst._defaults.second; |
---|
243 | tp_inst.millisec = tp_inst._defaults.millisec; |
---|
244 | tp_inst.ampm = ''; |
---|
245 | tp_inst.$input = $input; |
---|
246 | |
---|
247 | if (o.altField) { |
---|
248 | tp_inst.$altInput = $(o.altField).css({ |
---|
249 | cursor: 'pointer' |
---|
250 | }).focus(function() { |
---|
251 | $input.trigger("focus"); |
---|
252 | }); |
---|
253 | } |
---|
254 | |
---|
255 | if (tp_inst._defaults.minDate === 0 || tp_inst._defaults.minDateTime === 0) { |
---|
256 | tp_inst._defaults.minDate = new Date(); |
---|
257 | } |
---|
258 | if (tp_inst._defaults.maxDate === 0 || tp_inst._defaults.maxDateTime === 0) { |
---|
259 | tp_inst._defaults.maxDate = new Date(); |
---|
260 | } |
---|
261 | |
---|
262 | // datepicker needs minDate/maxDate, timepicker needs minDateTime/maxDateTime.. |
---|
263 | if (tp_inst._defaults.minDate !== undefined && tp_inst._defaults.minDate instanceof Date) { |
---|
264 | tp_inst._defaults.minDateTime = new Date(tp_inst._defaults.minDate.getTime()); |
---|
265 | } |
---|
266 | if (tp_inst._defaults.minDateTime !== undefined && tp_inst._defaults.minDateTime instanceof Date) { |
---|
267 | tp_inst._defaults.minDate = new Date(tp_inst._defaults.minDateTime.getTime()); |
---|
268 | } |
---|
269 | if (tp_inst._defaults.maxDate !== undefined && tp_inst._defaults.maxDate instanceof Date) { |
---|
270 | tp_inst._defaults.maxDateTime = new Date(tp_inst._defaults.maxDate.getTime()); |
---|
271 | } |
---|
272 | if (tp_inst._defaults.maxDateTime !== undefined && tp_inst._defaults.maxDateTime instanceof Date) { |
---|
273 | tp_inst._defaults.maxDate = new Date(tp_inst._defaults.maxDateTime.getTime()); |
---|
274 | } |
---|
275 | tp_inst.$input.bind('focus', function() { |
---|
276 | tp_inst._onFocus(); |
---|
277 | }); |
---|
278 | |
---|
279 | return tp_inst; |
---|
280 | }, |
---|
281 | |
---|
282 | /* |
---|
283 | * add our sliders to the calendar |
---|
284 | */ |
---|
285 | _addTimePicker: function(dp_inst) { |
---|
286 | var currDT = (this.$altInput && this._defaults.altFieldTimeOnly) ? this.$input.val() + ' ' + this.$altInput.val() : this.$input.val(); |
---|
287 | |
---|
288 | this.timeDefined = this._parseTime(currDT); |
---|
289 | this._limitMinMaxDateTime(dp_inst, false); |
---|
290 | this._injectTimePicker(); |
---|
291 | }, |
---|
292 | |
---|
293 | /* |
---|
294 | * parse the time string from input value or _setTime |
---|
295 | */ |
---|
296 | _parseTime: function(timeString, withDate) { |
---|
297 | if (!this.inst) { |
---|
298 | this.inst = $.datepicker._getInst(this.$input[0]); |
---|
299 | } |
---|
300 | |
---|
301 | if (withDate || !this._defaults.timeOnly) { |
---|
302 | var dp_dateFormat = $.datepicker._get(this.inst, 'dateFormat'); |
---|
303 | try { |
---|
304 | var parseRes = parseDateTimeInternal(dp_dateFormat, this._defaults.timeFormat, timeString, $.datepicker._getFormatConfig(this.inst), this._defaults); |
---|
305 | if (!parseRes.timeObj) { |
---|
306 | return false; |
---|
307 | } |
---|
308 | $.extend(this, parseRes.timeObj); |
---|
309 | } catch (err) { |
---|
310 | $.datepicker.log("Error parsing the date/time string: " + err + |
---|
311 | "\ndate/time string = " + timeString + |
---|
312 | "\ntimeFormat = " + this._defaults.timeFormat + |
---|
313 | "\ndateFormat = " + dp_dateFormat); |
---|
314 | return false; |
---|
315 | } |
---|
316 | return true; |
---|
317 | } else { |
---|
318 | var timeObj = $.datepicker.parseTime(this._defaults.timeFormat, timeString, this._defaults); |
---|
319 | if (!timeObj) { |
---|
320 | return false; |
---|
321 | } |
---|
322 | $.extend(this, timeObj); |
---|
323 | return true; |
---|
324 | } |
---|
325 | }, |
---|
326 | |
---|
327 | /* |
---|
328 | * generate and inject html for timepicker into ui datepicker |
---|
329 | */ |
---|
330 | _injectTimePicker: function() { |
---|
331 | var $dp = this.inst.dpDiv, |
---|
332 | o = this.inst.settings, |
---|
333 | tp_inst = this, |
---|
334 | litem = '', |
---|
335 | uitem = '', |
---|
336 | max = {}, |
---|
337 | gridSize = {}, |
---|
338 | size = null; |
---|
339 | |
---|
340 | // Prevent displaying twice |
---|
341 | if ($dp.find("div.ui-timepicker-div").length === 0 && o.showTimepicker) { |
---|
342 | var noDisplay = ' style="display:none;"', |
---|
343 | html = '<div class="ui-timepicker-div'+ (o.isRTL? ' ui-timepicker-rtl' : '') +'"><dl>' + '<dt class="ui_tpicker_time_label"' + ((o.showTime) ? '' : noDisplay) + '>' + o.timeText + '</dt>' + |
---|
344 | '<dd class="ui_tpicker_time"' + ((o.showTime) ? '' : noDisplay) + '></dd>'; |
---|
345 | |
---|
346 | // Create the markup |
---|
347 | for(var i=0,l=this.units.length; i<l; i++){ |
---|
348 | litem = this.units[i]; |
---|
349 | uitem = litem.substr(0,1).toUpperCase() + litem.substr(1); |
---|
350 | // Added by Peter Medeiros: |
---|
351 | // - Figure out what the hour/minute/second max should be based on the step values. |
---|
352 | // - Example: if stepMinute is 15, then minMax is 45. |
---|
353 | max[litem] = parseInt((o[litem+'Max'] - ((o[litem+'Max'] - o[litem+'Min']) % o['step'+uitem])), 10); |
---|
354 | gridSize[litem] = 0; |
---|
355 | |
---|
356 | html += '<dt class="ui_tpicker_'+ litem +'_label"' + ((o['show'+uitem]) ? '' : noDisplay) + '>' + o[litem +'Text'] + '</dt>' + |
---|
357 | '<dd class="ui_tpicker_'+ litem +'"><div class="ui_tpicker_'+ litem +'_slider"' + ((o['show'+uitem]) ? '' : noDisplay) + '></div>'; |
---|
358 | |
---|
359 | if (o['show'+uitem] && o[litem+'Grid'] > 0) { |
---|
360 | html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>'; |
---|
361 | |
---|
362 | if(litem == 'hour'){ |
---|
363 | for (var h = o[litem+'Min']; h <= max[litem]; h += parseInt(o[litem+'Grid'], 10)) { |
---|
364 | gridSize[litem]++; |
---|
365 | var tmph = $.datepicker.formatTime(useAmpm(o.pickerTimeFormat || o.timeFormat)? 'hht':'HH', {hour:h}, o); |
---|
366 | html += '<td data-for="'+litem+'">' + tmph + '</td>'; |
---|
367 | } |
---|
368 | } |
---|
369 | else{ |
---|
370 | for (var m = o[litem+'Min']; m <= max[litem]; m += parseInt(o[litem+'Grid'], 10)) { |
---|
371 | gridSize[litem]++; |
---|
372 | html += '<td data-for="'+litem+'">' + ((m < 10) ? '0' : '') + m + '</td>'; |
---|
373 | } |
---|
374 | } |
---|
375 | |
---|
376 | html += '</tr></table></div>'; |
---|
377 | } |
---|
378 | html += '</dd>'; |
---|
379 | } |
---|
380 | |
---|
381 | // Timezone |
---|
382 | html += '<dt class="ui_tpicker_timezone_label"' + ((o.showTimezone) ? '' : noDisplay) + '>' + o.timezoneText + '</dt>'; |
---|
383 | html += '<dd class="ui_tpicker_timezone" ' + ((o.showTimezone) ? '' : noDisplay) + '></dd>'; |
---|
384 | |
---|
385 | // Create the elements from string |
---|
386 | html += '</dl></div>'; |
---|
387 | var $tp = $(html); |
---|
388 | |
---|
389 | // if we only want time picker... |
---|
390 | if (o.timeOnly === true) { |
---|
391 | $tp.prepend('<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' + '<div class="ui-datepicker-title">' + o.timeOnlyTitle + '</div>' + '</div>'); |
---|
392 | $dp.find('.ui-datepicker-header, .ui-datepicker-calendar').hide(); |
---|
393 | } |
---|
394 | |
---|
395 | // add sliders, adjust grids, add events |
---|
396 | for(var i=0,l=tp_inst.units.length; i<l; i++){ |
---|
397 | litem = tp_inst.units[i]; |
---|
398 | uitem = litem.substr(0,1).toUpperCase() + litem.substr(1); |
---|
399 | |
---|
400 | // add the slider |
---|
401 | tp_inst[litem+'_slider'] = tp_inst.control.create(tp_inst, $tp.find('.ui_tpicker_'+litem+'_slider'), litem, tp_inst[litem], o[litem+'Min'], max[litem], o['step'+uitem]); |
---|
402 | |
---|
403 | // adjust the grid and add click event |
---|
404 | if (o['show'+uitem] && o[litem+'Grid'] > 0) { |
---|
405 | size = 100 * gridSize[litem] * o[litem+'Grid'] / (max[litem] - o[litem+'Min']); |
---|
406 | $tp.find('.ui_tpicker_'+litem+' table').css({ |
---|
407 | width: size + "%", |
---|
408 | marginLeft: o.isRTL? '0' : ((size / (-2 * gridSize[litem])) + "%"), |
---|
409 | marginRight: o.isRTL? ((size / (-2 * gridSize[litem])) + "%") : '0', |
---|
410 | borderCollapse: 'collapse' |
---|
411 | }).find("td").click(function(e){ |
---|
412 | var $t = $(this), |
---|
413 | h = $t.html(), |
---|
414 | n = parseInt(h.replace(/[^0-9]/g),10), |
---|
415 | ap = h.replace(/[^apm]/ig), |
---|
416 | f = $t.data('for'); // loses scope, so we use data-for |
---|
417 | |
---|
418 | if(f == 'hour'){ |
---|
419 | if(ap.indexOf('p') !== -1 && n < 12){ |
---|
420 | n += 12; |
---|
421 | } |
---|
422 | else{ |
---|
423 | if(ap.indexOf('a') !== -1 && n === 12){ |
---|
424 | n = 0; |
---|
425 | } |
---|
426 | } |
---|
427 | } |
---|
428 | |
---|
429 | tp_inst.control.value(tp_inst, tp_inst[f+'_slider'], litem, n); |
---|
430 | |
---|
431 | tp_inst._onTimeChange(); |
---|
432 | tp_inst._onSelectHandler(); |
---|
433 | }) |
---|
434 | .css({ |
---|
435 | cursor: 'pointer', |
---|
436 | width: (100 / gridSize[litem]) + '%', |
---|
437 | textAlign: 'center', |
---|
438 | overflow: 'hidden' |
---|
439 | }); |
---|
440 | } // end if grid > 0 |
---|
441 | } // end for loop |
---|
442 | |
---|
443 | // Add timezone options |
---|
444 | this.timezone_select = $tp.find('.ui_tpicker_timezone').append('<select></select>').find("select"); |
---|
445 | $.fn.append.apply(this.timezone_select, |
---|
446 | $.map(o.timezoneList, function(val, idx) { |
---|
447 | return $("<option />").val(typeof val == "object" ? val.value : val).text(typeof val == "object" ? val.label : val); |
---|
448 | })); |
---|
449 | if (typeof(this.timezone) != "undefined" && this.timezone !== null && this.timezone !== "") { |
---|
450 | var local_date = new Date(this.inst.selectedYear, this.inst.selectedMonth, this.inst.selectedDay, 12); |
---|
451 | var local_timezone = $.timepicker.timeZoneOffsetString(local_date); |
---|
452 | if (local_timezone == this.timezone) { |
---|
453 | selectLocalTimeZone(tp_inst); |
---|
454 | } else { |
---|
455 | this.timezone_select.val(this.timezone); |
---|
456 | } |
---|
457 | } else { |
---|
458 | if (typeof(this.hour) != "undefined" && this.hour !== null && this.hour !== "") { |
---|
459 | this.timezone_select.val(o.defaultTimezone); |
---|
460 | } else { |
---|
461 | selectLocalTimeZone(tp_inst); |
---|
462 | } |
---|
463 | } |
---|
464 | this.timezone_select.change(function() { |
---|
465 | tp_inst._defaults.useLocalTimezone = false; |
---|
466 | tp_inst._onTimeChange(); |
---|
467 | }); |
---|
468 | // End timezone options |
---|
469 | |
---|
470 | // inject timepicker into datepicker |
---|
471 | var $buttonPanel = $dp.find('.ui-datepicker-buttonpane'); |
---|
472 | if ($buttonPanel.length) { |
---|
473 | $buttonPanel.before($tp); |
---|
474 | } else { |
---|
475 | $dp.append($tp); |
---|
476 | } |
---|
477 | |
---|
478 | this.$timeObj = $tp.find('.ui_tpicker_time'); |
---|
479 | |
---|
480 | if (this.inst !== null) { |
---|
481 | var timeDefined = this.timeDefined; |
---|
482 | this._onTimeChange(); |
---|
483 | this.timeDefined = timeDefined; |
---|
484 | } |
---|
485 | |
---|
486 | // slideAccess integration: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/ |
---|
487 | if (this._defaults.addSliderAccess) { |
---|
488 | var sliderAccessArgs = this._defaults.sliderAccessArgs, |
---|
489 | rtl = this._defaults.isRTL; |
---|
490 | sliderAccessArgs.isRTL = rtl; |
---|
491 | |
---|
492 | setTimeout(function() { // fix for inline mode |
---|
493 | if ($tp.find('.ui-slider-access').length === 0) { |
---|
494 | $tp.find('.ui-slider:visible').sliderAccess(sliderAccessArgs); |
---|
495 | |
---|
496 | // fix any grids since sliders are shorter |
---|
497 | var sliderAccessWidth = $tp.find('.ui-slider-access:eq(0)').outerWidth(true); |
---|
498 | if (sliderAccessWidth) { |
---|
499 | $tp.find('table:visible').each(function() { |
---|
500 | var $g = $(this), |
---|
501 | oldWidth = $g.outerWidth(), |
---|
502 | oldMarginLeft = $g.css(rtl? 'marginRight':'marginLeft').toString().replace('%', ''), |
---|
503 | newWidth = oldWidth - sliderAccessWidth, |
---|
504 | newMarginLeft = ((oldMarginLeft * newWidth) / oldWidth) + '%', |
---|
505 | css = { width: newWidth, marginRight: 0, marginLeft: 0 }; |
---|
506 | css[rtl? 'marginRight':'marginLeft'] = newMarginLeft; |
---|
507 | $g.css(css); |
---|
508 | }); |
---|
509 | } |
---|
510 | } |
---|
511 | }, 10); |
---|
512 | } |
---|
513 | // end slideAccess integration |
---|
514 | |
---|
515 | } |
---|
516 | }, |
---|
517 | |
---|
518 | /* |
---|
519 | * This function tries to limit the ability to go outside the |
---|
520 | * min/max date range |
---|
521 | */ |
---|
522 | _limitMinMaxDateTime: function(dp_inst, adjustSliders) { |
---|
523 | var o = this._defaults, |
---|
524 | dp_date = new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay); |
---|
525 | |
---|
526 | if (!this._defaults.showTimepicker) { |
---|
527 | return; |
---|
528 | } // No time so nothing to check here |
---|
529 | |
---|
530 | if ($.datepicker._get(dp_inst, 'minDateTime') !== null && $.datepicker._get(dp_inst, 'minDateTime') !== undefined && dp_date) { |
---|
531 | var minDateTime = $.datepicker._get(dp_inst, 'minDateTime'), |
---|
532 | minDateTimeDate = new Date(minDateTime.getFullYear(), minDateTime.getMonth(), minDateTime.getDate(), 0, 0, 0, 0); |
---|
533 | |
---|
534 | if (this.hourMinOriginal === null || this.minuteMinOriginal === null || this.secondMinOriginal === null || this.millisecMinOriginal === null) { |
---|
535 | this.hourMinOriginal = o.hourMin; |
---|
536 | this.minuteMinOriginal = o.minuteMin; |
---|
537 | this.secondMinOriginal = o.secondMin; |
---|
538 | this.millisecMinOriginal = o.millisecMin; |
---|
539 | } |
---|
540 | |
---|
541 | if (dp_inst.settings.timeOnly || minDateTimeDate.getTime() == dp_date.getTime()) { |
---|
542 | this._defaults.hourMin = minDateTime.getHours(); |
---|
543 | if (this.hour <= this._defaults.hourMin) { |
---|
544 | this.hour = this._defaults.hourMin; |
---|
545 | this._defaults.minuteMin = minDateTime.getMinutes(); |
---|
546 | if (this.minute <= this._defaults.minuteMin) { |
---|
547 | this.minute = this._defaults.minuteMin; |
---|
548 | this._defaults.secondMin = minDateTime.getSeconds(); |
---|
549 | if (this.second <= this._defaults.secondMin) { |
---|
550 | this.second = this._defaults.secondMin; |
---|
551 | this._defaults.millisecMin = minDateTime.getMilliseconds(); |
---|
552 | } else { |
---|
553 | if (this.millisec < this._defaults.millisecMin) { |
---|
554 | this.millisec = this._defaults.millisecMin; |
---|
555 | } |
---|
556 | this._defaults.millisecMin = this.millisecMinOriginal; |
---|
557 | } |
---|
558 | } else { |
---|
559 | this._defaults.secondMin = this.secondMinOriginal; |
---|
560 | this._defaults.millisecMin = this.millisecMinOriginal; |
---|
561 | } |
---|
562 | } else { |
---|
563 | this._defaults.minuteMin = this.minuteMinOriginal; |
---|
564 | this._defaults.secondMin = this.secondMinOriginal; |
---|
565 | this._defaults.millisecMin = this.millisecMinOriginal; |
---|
566 | } |
---|
567 | } else { |
---|
568 | this._defaults.hourMin = this.hourMinOriginal; |
---|
569 | this._defaults.minuteMin = this.minuteMinOriginal; |
---|
570 | this._defaults.secondMin = this.secondMinOriginal; |
---|
571 | this._defaults.millisecMin = this.millisecMinOriginal; |
---|
572 | } |
---|
573 | } |
---|
574 | |
---|
575 | if ($.datepicker._get(dp_inst, 'maxDateTime') !== null && $.datepicker._get(dp_inst, 'maxDateTime') !== undefined && dp_date) { |
---|
576 | var maxDateTime = $.datepicker._get(dp_inst, 'maxDateTime'), |
---|
577 | maxDateTimeDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), maxDateTime.getDate(), 0, 0, 0, 0); |
---|
578 | |
---|
579 | if (this.hourMaxOriginal === null || this.minuteMaxOriginal === null || this.secondMaxOriginal === null) { |
---|
580 | this.hourMaxOriginal = o.hourMax; |
---|
581 | this.minuteMaxOriginal = o.minuteMax; |
---|
582 | this.secondMaxOriginal = o.secondMax; |
---|
583 | this.millisecMaxOriginal = o.millisecMax; |
---|
584 | } |
---|
585 | |
---|
586 | if (dp_inst.settings.timeOnly || maxDateTimeDate.getTime() == dp_date.getTime()) { |
---|
587 | this._defaults.hourMax = maxDateTime.getHours(); |
---|
588 | if (this.hour >= this._defaults.hourMax) { |
---|
589 | this.hour = this._defaults.hourMax; |
---|
590 | this._defaults.minuteMax = maxDateTime.getMinutes(); |
---|
591 | if (this.minute >= this._defaults.minuteMax) { |
---|
592 | this.minute = this._defaults.minuteMax; |
---|
593 | this._defaults.secondMax = maxDateTime.getSeconds(); |
---|
594 | } else if (this.second >= this._defaults.secondMax) { |
---|
595 | this.second = this._defaults.secondMax; |
---|
596 | this._defaults.millisecMax = maxDateTime.getMilliseconds(); |
---|
597 | } else { |
---|
598 | if (this.millisec > this._defaults.millisecMax) { |
---|
599 | this.millisec = this._defaults.millisecMax; |
---|
600 | } |
---|
601 | this._defaults.millisecMax = this.millisecMaxOriginal; |
---|
602 | } |
---|
603 | } else { |
---|
604 | this._defaults.minuteMax = this.minuteMaxOriginal; |
---|
605 | this._defaults.secondMax = this.secondMaxOriginal; |
---|
606 | this._defaults.millisecMax = this.millisecMaxOriginal; |
---|
607 | } |
---|
608 | } else { |
---|
609 | this._defaults.hourMax = this.hourMaxOriginal; |
---|
610 | this._defaults.minuteMax = this.minuteMaxOriginal; |
---|
611 | this._defaults.secondMax = this.secondMaxOriginal; |
---|
612 | this._defaults.millisecMax = this.millisecMaxOriginal; |
---|
613 | } |
---|
614 | } |
---|
615 | |
---|
616 | if (adjustSliders !== undefined && adjustSliders === true) { |
---|
617 | var hourMax = parseInt((this._defaults.hourMax - ((this._defaults.hourMax - this._defaults.hourMin) % this._defaults.stepHour)), 10), |
---|
618 | minMax = parseInt((this._defaults.minuteMax - ((this._defaults.minuteMax - this._defaults.minuteMin) % this._defaults.stepMinute)), 10), |
---|
619 | secMax = parseInt((this._defaults.secondMax - ((this._defaults.secondMax - this._defaults.secondMin) % this._defaults.stepSecond)), 10), |
---|
620 | millisecMax = parseInt((this._defaults.millisecMax - ((this._defaults.millisecMax - this._defaults.millisecMin) % this._defaults.stepMillisec)), 10); |
---|
621 | |
---|
622 | if (this.hour_slider) { |
---|
623 | this.control.options(this, this.hour_slider, 'hour', { min: this._defaults.hourMin, max: hourMax }); |
---|
624 | this.control.value(this, this.hour_slider, 'hour', this.hour); |
---|
625 | } |
---|
626 | if (this.minute_slider) { |
---|
627 | this.control.options(this, this.minute_slider, 'minute', { min: this._defaults.minuteMin, max: minMax }); |
---|
628 | this.control.value(this, this.minute_slider, 'minute', this.minute); |
---|
629 | } |
---|
630 | if (this.second_slider) { |
---|
631 | this.control.options(this, this.second_slider, 'second', { min: this._defaults.secondMin, max: secMax }); |
---|
632 | this.control.value(this, this.second_slider, 'second', this.second); |
---|
633 | } |
---|
634 | if (this.millisec_slider) { |
---|
635 | this.control.options(this, this.millisec_slider, 'millisec', { min: this._defaults.millisecMin, max: millisecMax }); |
---|
636 | this.control.value(this, this.millisec_slider, 'millisec', this.millisec); |
---|
637 | } |
---|
638 | } |
---|
639 | |
---|
640 | }, |
---|
641 | |
---|
642 | /* |
---|
643 | * when a slider moves, set the internal time... |
---|
644 | * on time change is also called when the time is updated in the text field |
---|
645 | */ |
---|
646 | _onTimeChange: function() { |
---|
647 | var hour = (this.hour_slider) ? this.control.value(this, this.hour_slider, 'hour') : false, |
---|
648 | minute = (this.minute_slider) ? this.control.value(this, this.minute_slider, 'minute') : false, |
---|
649 | second = (this.second_slider) ? this.control.value(this, this.second_slider, 'second') : false, |
---|
650 | millisec = (this.millisec_slider) ? this.control.value(this, this.millisec_slider, 'millisec') : false, |
---|
651 | timezone = (this.timezone_select) ? this.timezone_select.val() : false, |
---|
652 | o = this._defaults, |
---|
653 | pickerTimeFormat = o.pickerTimeFormat || o.timeFormat, |
---|
654 | pickerTimeSuffix = o.pickerTimeSuffix || o.timeSuffix; |
---|
655 | |
---|
656 | if (typeof(hour) == 'object') { |
---|
657 | hour = false; |
---|
658 | } |
---|
659 | if (typeof(minute) == 'object') { |
---|
660 | minute = false; |
---|
661 | } |
---|
662 | if (typeof(second) == 'object') { |
---|
663 | second = false; |
---|
664 | } |
---|
665 | if (typeof(millisec) == 'object') { |
---|
666 | millisec = false; |
---|
667 | } |
---|
668 | if (typeof(timezone) == 'object') { |
---|
669 | timezone = false; |
---|
670 | } |
---|
671 | |
---|
672 | if (hour !== false) { |
---|
673 | hour = parseInt(hour, 10); |
---|
674 | } |
---|
675 | if (minute !== false) { |
---|
676 | minute = parseInt(minute, 10); |
---|
677 | } |
---|
678 | if (second !== false) { |
---|
679 | second = parseInt(second, 10); |
---|
680 | } |
---|
681 | if (millisec !== false) { |
---|
682 | millisec = parseInt(millisec, 10); |
---|
683 | } |
---|
684 | |
---|
685 | var ampm = o[hour < 12 ? 'amNames' : 'pmNames'][0]; |
---|
686 | |
---|
687 | // If the update was done in the input field, the input field should not be updated. |
---|
688 | // If the update was done using the sliders, update the input field. |
---|
689 | var hasChanged = (hour != this.hour || minute != this.minute || second != this.second || millisec != this.millisec |
---|
690 | || (this.ampm.length > 0 && (hour < 12) != ($.inArray(this.ampm.toUpperCase(), this.amNames) !== -1)) |
---|
691 | || ((this.timezone === null && timezone != this.defaultTimezone) || (this.timezone !== null && timezone != this.timezone))); |
---|
692 | |
---|
693 | if (hasChanged) { |
---|
694 | |
---|
695 | if (hour !== false) { |
---|
696 | this.hour = hour; |
---|
697 | } |
---|
698 | if (minute !== false) { |
---|
699 | this.minute = minute; |
---|
700 | } |
---|
701 | if (second !== false) { |
---|
702 | this.second = second; |
---|
703 | } |
---|
704 | if (millisec !== false) { |
---|
705 | this.millisec = millisec; |
---|
706 | } |
---|
707 | if (timezone !== false) { |
---|
708 | this.timezone = timezone; |
---|
709 | } |
---|
710 | |
---|
711 | if (!this.inst) { |
---|
712 | this.inst = $.datepicker._getInst(this.$input[0]); |
---|
713 | } |
---|
714 | |
---|
715 | this._limitMinMaxDateTime(this.inst, true); |
---|
716 | } |
---|
717 | if (useAmpm(o.timeFormat)) { |
---|
718 | this.ampm = ampm; |
---|
719 | } |
---|
720 | |
---|
721 | // Updates the time within the timepicker |
---|
722 | this.formattedTime = $.datepicker.formatTime(o.timeFormat, this, o); |
---|
723 | if (this.$timeObj) { |
---|
724 | if(pickerTimeFormat === o.timeFormat){ |
---|
725 | this.$timeObj.text(this.formattedTime + pickerTimeSuffix); |
---|
726 | } |
---|
727 | else{ |
---|
728 | this.$timeObj.text($.datepicker.formatTime(pickerTimeFormat, this, o) + pickerTimeSuffix); |
---|
729 | } |
---|
730 | } |
---|
731 | |
---|
732 | this.timeDefined = true; |
---|
733 | if (hasChanged) { |
---|
734 | this._updateDateTime(); |
---|
735 | } |
---|
736 | }, |
---|
737 | |
---|
738 | /* |
---|
739 | * call custom onSelect. |
---|
740 | * bind to sliders slidestop, and grid click. |
---|
741 | */ |
---|
742 | _onSelectHandler: function() { |
---|
743 | var onSelect = this._defaults.onSelect || this.inst.settings.onSelect; |
---|
744 | var inputEl = this.$input ? this.$input[0] : null; |
---|
745 | if (onSelect && inputEl) { |
---|
746 | onSelect.apply(inputEl, [this.formattedDateTime, this]); |
---|
747 | } |
---|
748 | }, |
---|
749 | |
---|
750 | /* |
---|
751 | * update our input with the new date time.. |
---|
752 | */ |
---|
753 | _updateDateTime: function(dp_inst) { |
---|
754 | dp_inst = this.inst || dp_inst; |
---|
755 | var dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)), |
---|
756 | dateFmt = $.datepicker._get(dp_inst, 'dateFormat'), |
---|
757 | formatCfg = $.datepicker._getFormatConfig(dp_inst), |
---|
758 | timeAvailable = dt !== null && this.timeDefined; |
---|
759 | this.formattedDate = $.datepicker.formatDate(dateFmt, (dt === null ? new Date() : dt), formatCfg); |
---|
760 | var formattedDateTime = this.formattedDate; |
---|
761 | |
---|
762 | /* |
---|
763 | * remove following lines to force every changes in date picker to change the input value |
---|
764 | * Bug descriptions: when an input field has a default value, and click on the field to pop up the date picker. |
---|
765 | * If the user manually empty the value in the input field, the date picker will never change selected value. |
---|
766 | */ |
---|
767 | //if (dp_inst.lastVal !== undefined && (dp_inst.lastVal.length > 0 && this.$input.val().length === 0)) { |
---|
768 | // return; |
---|
769 | //} |
---|
770 | |
---|
771 | if (this._defaults.timeOnly === true) { |
---|
772 | formattedDateTime = this.formattedTime; |
---|
773 | } else if (this._defaults.timeOnly !== true && (this._defaults.alwaysSetTime || timeAvailable)) { |
---|
774 | formattedDateTime += this._defaults.separator + this.formattedTime + this._defaults.timeSuffix; |
---|
775 | } |
---|
776 | |
---|
777 | this.formattedDateTime = formattedDateTime; |
---|
778 | |
---|
779 | if (!this._defaults.showTimepicker) { |
---|
780 | this.$input.val(this.formattedDate); |
---|
781 | } else if (this.$altInput && this._defaults.altFieldTimeOnly === true) { |
---|
782 | this.$altInput.val(this.formattedTime); |
---|
783 | this.$input.val(this.formattedDate); |
---|
784 | } else if (this.$altInput) { |
---|
785 | this.$input.val(formattedDateTime); |
---|
786 | var altFormattedDateTime = '', |
---|
787 | altSeparator = this._defaults.altSeparator ? this._defaults.altSeparator : this._defaults.separator, |
---|
788 | altTimeSuffix = this._defaults.altTimeSuffix ? this._defaults.altTimeSuffix : this._defaults.timeSuffix; |
---|
789 | |
---|
790 | if (this._defaults.altFormat) altFormattedDateTime = $.datepicker.formatDate(this._defaults.altFormat, (dt === null ? new Date() : dt), formatCfg); |
---|
791 | else altFormattedDateTime = this.formattedDate; |
---|
792 | if (altFormattedDateTime) altFormattedDateTime += altSeparator; |
---|
793 | if (this._defaults.altTimeFormat) altFormattedDateTime += $.datepicker.formatTime(this._defaults.altTimeFormat, this, this._defaults) + altTimeSuffix; |
---|
794 | else altFormattedDateTime += this.formattedTime + altTimeSuffix; |
---|
795 | this.$altInput.val(altFormattedDateTime); |
---|
796 | } else { |
---|
797 | this.$input.val(formattedDateTime); |
---|
798 | } |
---|
799 | |
---|
800 | this.$input.trigger("change"); |
---|
801 | }, |
---|
802 | |
---|
803 | _onFocus: function() { |
---|
804 | if (!this.$input.val() && this._defaults.defaultValue) { |
---|
805 | this.$input.val(this._defaults.defaultValue); |
---|
806 | var inst = $.datepicker._getInst(this.$input.get(0)), |
---|
807 | tp_inst = $.datepicker._get(inst, 'timepicker'); |
---|
808 | if (tp_inst) { |
---|
809 | if (tp_inst._defaults.timeOnly && (inst.input.val() != inst.lastVal)) { |
---|
810 | try { |
---|
811 | $.datepicker._updateDatepicker(inst); |
---|
812 | } catch (err) { |
---|
813 | $.datepicker.log(err); |
---|
814 | } |
---|
815 | } |
---|
816 | } |
---|
817 | } |
---|
818 | }, |
---|
819 | |
---|
820 | /* |
---|
821 | * Small abstraction to control types |
---|
822 | * We can add more, just be sure to follow the pattern: create, options, value |
---|
823 | */ |
---|
824 | _controls: { |
---|
825 | // slider methods |
---|
826 | slider: { |
---|
827 | create: function(tp_inst, obj, unit, val, min, max, step){ |
---|
828 | var rtl = tp_inst._defaults.isRTL; // if rtl go -60->0 instead of 0->60 |
---|
829 | return obj.prop('slide', null).slider({ |
---|
830 | orientation: "horizontal", |
---|
831 | value: rtl? val*-1 : val, |
---|
832 | min: rtl? max*-1 : min, |
---|
833 | max: rtl? min*-1 : max, |
---|
834 | step: step, |
---|
835 | slide: function(event, ui) { |
---|
836 | tp_inst.control.value(tp_inst, $(this), unit, rtl? ui.value*-1:ui.value); |
---|
837 | tp_inst._onTimeChange(); |
---|
838 | }, |
---|
839 | stop: function(event, ui) { |
---|
840 | tp_inst._onSelectHandler(); |
---|
841 | } |
---|
842 | }); |
---|
843 | }, |
---|
844 | options: function(tp_inst, obj, unit, opts, val){ |
---|
845 | if(tp_inst._defaults.isRTL){ |
---|
846 | if(typeof(opts) == 'string'){ |
---|
847 | if(opts == 'min' || opts == 'max'){ |
---|
848 | if(val !== undefined) |
---|
849 | return obj.slider(opts, val*-1); |
---|
850 | return Math.abs(obj.slider(opts)); |
---|
851 | } |
---|
852 | return obj.slider(opts); |
---|
853 | } |
---|
854 | var min = opts.min, |
---|
855 | max = opts.max; |
---|
856 | opts.min = opts.max = null; |
---|
857 | if(min !== undefined) |
---|
858 | opts.max = min * -1; |
---|
859 | if(max !== undefined) |
---|
860 | opts.min = max * -1; |
---|
861 | return obj.slider(opts); |
---|
862 | } |
---|
863 | if(typeof(opts) == 'string' && val !== undefined) |
---|
864 | return obj.slider(opts, val); |
---|
865 | return obj.slider(opts); |
---|
866 | }, |
---|
867 | value: function(tp_inst, obj, unit, val){ |
---|
868 | if(tp_inst._defaults.isRTL){ |
---|
869 | if(val !== undefined) |
---|
870 | return obj.slider('value', val*-1); |
---|
871 | return Math.abs(obj.slider('value')); |
---|
872 | } |
---|
873 | if(val !== undefined) |
---|
874 | return obj.slider('value', val); |
---|
875 | return obj.slider('value'); |
---|
876 | } |
---|
877 | }, |
---|
878 | // select methods |
---|
879 | select: { |
---|
880 | create: function(tp_inst, obj, unit, val, min, max, step){ |
---|
881 | var sel = '<select class="ui-timepicker-select" data-unit="'+ unit +'" data-min="'+ min +'" data-max="'+ max +'" data-step="'+ step +'">', |
---|
882 | ul = tp_inst._defaults.timeFormat.indexOf('t') !== -1? 'toLowerCase':'toUpperCase', |
---|
883 | m = 0; |
---|
884 | |
---|
885 | for(var i=min; i<=max; i+=step){ |
---|
886 | sel += '<option value="'+ i +'"'+ (i==val? ' selected':'') +'>'; |
---|
887 | if(unit == 'hour' && useAmpm(tp_inst._defaults.pickerTimeFormat || tp_inst._defaults.timeFormat)) |
---|
888 | sel += $.datepicker.formatTime("hh TT", {hour:i}, tp_inst._defaults); |
---|
889 | else if(unit == 'millisec' || i >= 10) sel += i; |
---|
890 | else sel += '0'+ i.toString(); |
---|
891 | sel += '</option>'; |
---|
892 | } |
---|
893 | sel += '</select>'; |
---|
894 | |
---|
895 | obj.children('select').remove(); |
---|
896 | |
---|
897 | $(sel).appendTo(obj).change(function(e){ |
---|
898 | tp_inst._onTimeChange(); |
---|
899 | tp_inst._onSelectHandler(); |
---|
900 | }); |
---|
901 | |
---|
902 | return obj; |
---|
903 | }, |
---|
904 | options: function(tp_inst, obj, unit, opts, val){ |
---|
905 | var o = {}, |
---|
906 | $t = obj.children('select'); |
---|
907 | if(typeof(opts) == 'string'){ |
---|
908 | if(val === undefined) |
---|
909 | return $t.data(opts); |
---|
910 | o[opts] = val; |
---|
911 | } |
---|
912 | else o = opts; |
---|
913 | return tp_inst.control.create(tp_inst, obj, $t.data('unit'), $t.val(), o.min || $t.data('min'), o.max || $t.data('max'), o.step || $t.data('step')); |
---|
914 | }, |
---|
915 | value: function(tp_inst, obj, unit, val){ |
---|
916 | var $t = obj.children('select'); |
---|
917 | if(val !== undefined) |
---|
918 | return $t.val(val); |
---|
919 | return $t.val(); |
---|
920 | } |
---|
921 | } |
---|
922 | } // end _controls |
---|
923 | |
---|
924 | }); |
---|
925 | |
---|
926 | $.fn.extend({ |
---|
927 | /* |
---|
928 | * shorthand just to use timepicker.. |
---|
929 | */ |
---|
930 | timepicker: function(o) { |
---|
931 | o = o || {}; |
---|
932 | var tmp_args = Array.prototype.slice.call(arguments); |
---|
933 | |
---|
934 | if (typeof o == 'object') { |
---|
935 | tmp_args[0] = $.extend(o, { |
---|
936 | timeOnly: true |
---|
937 | }); |
---|
938 | } |
---|
939 | |
---|
940 | return $(this).each(function() { |
---|
941 | $.fn.datetimepicker.apply($(this), tmp_args); |
---|
942 | }); |
---|
943 | }, |
---|
944 | |
---|
945 | /* |
---|
946 | * extend timepicker to datepicker |
---|
947 | */ |
---|
948 | datetimepicker: function(o) { |
---|
949 | o = o || {}; |
---|
950 | var tmp_args = arguments; |
---|
951 | |
---|
952 | if (typeof(o) == 'string') { |
---|
953 | if (o == 'getDate') { |
---|
954 | return $.fn.datepicker.apply($(this[0]), tmp_args); |
---|
955 | } else { |
---|
956 | return this.each(function() { |
---|
957 | var $t = $(this); |
---|
958 | $t.datepicker.apply($t, tmp_args); |
---|
959 | }); |
---|
960 | } |
---|
961 | } else { |
---|
962 | return this.each(function() { |
---|
963 | var $t = $(this); |
---|
964 | $t.datepicker($.timepicker._newInst($t, o)._defaults); |
---|
965 | }); |
---|
966 | } |
---|
967 | } |
---|
968 | }); |
---|
969 | |
---|
970 | /* |
---|
971 | * Public Utility to parse date and time |
---|
972 | */ |
---|
973 | $.datepicker.parseDateTime = function(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) { |
---|
974 | var parseRes = parseDateTimeInternal(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings); |
---|
975 | if (parseRes.timeObj) { |
---|
976 | var t = parseRes.timeObj; |
---|
977 | parseRes.date.setHours(t.hour, t.minute, t.second, t.millisec); |
---|
978 | } |
---|
979 | |
---|
980 | return parseRes.date; |
---|
981 | }; |
---|
982 | |
---|
983 | /* |
---|
984 | * Public utility to parse time |
---|
985 | */ |
---|
986 | $.datepicker.parseTime = function(timeFormat, timeString, options) { |
---|
987 | var o = extendRemove(extendRemove({}, $.timepicker._defaults), options || {}); |
---|
988 | |
---|
989 | // Strict parse requires the timeString to match the timeFormat exactly |
---|
990 | var strictParse = function(f, s, o){ |
---|
991 | |
---|
992 | // pattern for standard and localized AM/PM markers |
---|
993 | var getPatternAmpm = function(amNames, pmNames) { |
---|
994 | var markers = []; |
---|
995 | if (amNames) { |
---|
996 | $.merge(markers, amNames); |
---|
997 | } |
---|
998 | if (pmNames) { |
---|
999 | $.merge(markers, pmNames); |
---|
1000 | } |
---|
1001 | markers = $.map(markers, function(val) { |
---|
1002 | return val.replace(/[.*+?|()\[\]{}\\]/g, '\\$&'); |
---|
1003 | }); |
---|
1004 | return '(' + markers.join('|') + ')?'; |
---|
1005 | }; |
---|
1006 | |
---|
1007 | // figure out position of time elements.. cause js cant do named captures |
---|
1008 | var getFormatPositions = function(timeFormat) { |
---|
1009 | var finds = timeFormat.toLowerCase().match(/(h{1,2}|m{1,2}|s{1,2}|l{1}|t{1,2}|z|'.*?')/g), |
---|
1010 | orders = { |
---|
1011 | h: -1, |
---|
1012 | m: -1, |
---|
1013 | s: -1, |
---|
1014 | l: -1, |
---|
1015 | t: -1, |
---|
1016 | z: -1 |
---|
1017 | }; |
---|
1018 | |
---|
1019 | if (finds) { |
---|
1020 | for (var i = 0; i < finds.length; i++) { |
---|
1021 | if (orders[finds[i].toString().charAt(0)] == -1) { |
---|
1022 | orders[finds[i].toString().charAt(0)] = i + 1; |
---|
1023 | } |
---|
1024 | } |
---|
1025 | } |
---|
1026 | return orders; |
---|
1027 | }; |
---|
1028 | |
---|
1029 | var regstr = '^' + f.toString() |
---|
1030 | .replace(/([hH]{1,2}|mm?|ss?|[tT]{1,2}|[lz]|'.*?')/g, function (match) { |
---|
1031 | switch (match.charAt(0).toLowerCase()) { |
---|
1032 | case 'h': return '(\\d?\\d)'; |
---|
1033 | case 'm': return '(\\d?\\d)'; |
---|
1034 | case 's': return '(\\d?\\d)'; |
---|
1035 | case 'l': return '(\\d?\\d?\\d)'; |
---|
1036 | case 'z': return '(z|[-+]\\d\\d:?\\d\\d|\\S+)?'; |
---|
1037 | case 't': return getPatternAmpm(o.amNames, o.pmNames); |
---|
1038 | default: // literal escaped in quotes |
---|
1039 | return '(' + match.replace(/\'/g, "").replace(/(\.|\$|\^|\\|\/|\(|\)|\[|\]|\?|\+|\*)/g, function (m) { return "\\" + m; }) + ')?'; |
---|
1040 | } |
---|
1041 | }) |
---|
1042 | .replace(/\s/g, '\\s?') + |
---|
1043 | o.timeSuffix + '$', |
---|
1044 | order = getFormatPositions(f), |
---|
1045 | ampm = '', |
---|
1046 | treg; |
---|
1047 | |
---|
1048 | treg = s.match(new RegExp(regstr, 'i')); |
---|
1049 | |
---|
1050 | var resTime = { |
---|
1051 | hour: 0, |
---|
1052 | minute: 0, |
---|
1053 | second: 0, |
---|
1054 | millisec: 0 |
---|
1055 | }; |
---|
1056 | |
---|
1057 | if (treg) { |
---|
1058 | if (order.t !== -1) { |
---|
1059 | if (treg[order.t] === undefined || treg[order.t].length === 0) { |
---|
1060 | ampm = ''; |
---|
1061 | resTime.ampm = ''; |
---|
1062 | } else { |
---|
1063 | ampm = $.inArray(treg[order.t].toUpperCase(), o.amNames) !== -1 ? 'AM' : 'PM'; |
---|
1064 | resTime.ampm = o[ampm == 'AM' ? 'amNames' : 'pmNames'][0]; |
---|
1065 | } |
---|
1066 | } |
---|
1067 | |
---|
1068 | if (order.h !== -1) { |
---|
1069 | if (ampm == 'AM' && treg[order.h] == '12') { |
---|
1070 | resTime.hour = 0; // 12am = 0 hour |
---|
1071 | } else { |
---|
1072 | if (ampm == 'PM' && treg[order.h] != '12') { |
---|
1073 | resTime.hour = parseInt(treg[order.h], 10) + 12; // 12pm = 12 hour, any other pm = hour + 12 |
---|
1074 | } else { |
---|
1075 | resTime.hour = Number(treg[order.h]); |
---|
1076 | } |
---|
1077 | } |
---|
1078 | } |
---|
1079 | |
---|
1080 | if (order.m !== -1) { |
---|
1081 | resTime.minute = Number(treg[order.m]); |
---|
1082 | } |
---|
1083 | if (order.s !== -1) { |
---|
1084 | resTime.second = Number(treg[order.s]); |
---|
1085 | } |
---|
1086 | if (order.l !== -1) { |
---|
1087 | resTime.millisec = Number(treg[order.l]); |
---|
1088 | } |
---|
1089 | if (order.z !== -1 && treg[order.z] !== undefined) { |
---|
1090 | var tz = treg[order.z].toUpperCase(); |
---|
1091 | switch (tz.length) { |
---|
1092 | case 1: |
---|
1093 | // Z |
---|
1094 | tz = o.timezoneIso8601 ? 'Z' : '+0000'; |
---|
1095 | break; |
---|
1096 | case 5: |
---|
1097 | // +hhmm |
---|
1098 | if (o.timezoneIso8601) { |
---|
1099 | tz = tz.substring(1) == '0000' ? 'Z' : tz.substring(0, 3) + ':' + tz.substring(3); |
---|
1100 | } |
---|
1101 | break; |
---|
1102 | case 6: |
---|
1103 | // +hh:mm |
---|
1104 | if (!o.timezoneIso8601) { |
---|
1105 | tz = tz == 'Z' || tz.substring(1) == '00:00' ? '+0000' : tz.replace(/:/, ''); |
---|
1106 | } else { |
---|
1107 | if (tz.substring(1) == '00:00') { |
---|
1108 | tz = 'Z'; |
---|
1109 | } |
---|
1110 | } |
---|
1111 | break; |
---|
1112 | } |
---|
1113 | resTime.timezone = tz; |
---|
1114 | } |
---|
1115 | |
---|
1116 | |
---|
1117 | return resTime; |
---|
1118 | } |
---|
1119 | return false; |
---|
1120 | };// end strictParse |
---|
1121 | |
---|
1122 | // First try JS Date, if that fails, use strictParse |
---|
1123 | var looseParse = function(f,s,o){ |
---|
1124 | try{ |
---|
1125 | var d = new Date('2012-01-01 '+ s); |
---|
1126 | return { |
---|
1127 | hour: d.getHours(), |
---|
1128 | minutes: d.getMinutes(), |
---|
1129 | seconds: d.getSeconds(), |
---|
1130 | millisec: d.getMilliseconds(), |
---|
1131 | timezone: $.timepicker.timeZoneOffsetString(d) |
---|
1132 | }; |
---|
1133 | } |
---|
1134 | catch(err){ |
---|
1135 | try{ |
---|
1136 | return strictParse(f,s,o); |
---|
1137 | } |
---|
1138 | catch(err2){ |
---|
1139 | $.datepicker.log("Unable to parse \ntimeString: "+ s +"\ntimeFormat: "+ f); |
---|
1140 | } |
---|
1141 | } |
---|
1142 | return false; |
---|
1143 | }; // end looseParse |
---|
1144 | |
---|
1145 | if(typeof o.parse === "function"){ |
---|
1146 | return o.parse(timeFormat, timeString, o) |
---|
1147 | } |
---|
1148 | if(o.parse === 'loose'){ |
---|
1149 | return looseParse(timeFormat, timeString, o); |
---|
1150 | } |
---|
1151 | return strictParse(timeFormat, timeString, o); |
---|
1152 | }; |
---|
1153 | |
---|
1154 | /* |
---|
1155 | * Public utility to format the time |
---|
1156 | * format = string format of the time |
---|
1157 | * time = a {}, not a Date() for timezones |
---|
1158 | * options = essentially the regional[].. amNames, pmNames, ampm |
---|
1159 | */ |
---|
1160 | $.datepicker.formatTime = function(format, time, options) { |
---|
1161 | options = options || {}; |
---|
1162 | options = $.extend({}, $.timepicker._defaults, options); |
---|
1163 | time = $.extend({ |
---|
1164 | hour: 0, |
---|
1165 | minute: 0, |
---|
1166 | second: 0, |
---|
1167 | millisec: 0, |
---|
1168 | timezone: '+0000' |
---|
1169 | }, time); |
---|
1170 | |
---|
1171 | var tmptime = format, |
---|
1172 | ampmName = options.amNames[0], |
---|
1173 | hour = parseInt(time.hour, 10); |
---|
1174 | |
---|
1175 | if (hour > 11) { |
---|
1176 | ampmName = options.pmNames[0]; |
---|
1177 | } |
---|
1178 | |
---|
1179 | tmptime = tmptime.replace(/(?:HH?|hh?|mm?|ss?|[tT]{1,2}|[lz]|('.*?'|".*?"))/g, function(match) { |
---|
1180 | switch (match) { |
---|
1181 | case 'HH': |
---|
1182 | return ('0' + hour).slice(-2); |
---|
1183 | case 'H': |
---|
1184 | return hour; |
---|
1185 | case 'hh': |
---|
1186 | return ('0' + convert24to12(hour)).slice(-2); |
---|
1187 | case 'h': |
---|
1188 | return convert24to12(hour); |
---|
1189 | case 'mm': |
---|
1190 | return ('0' + time.minute).slice(-2); |
---|
1191 | case 'm': |
---|
1192 | return time.minute; |
---|
1193 | case 'ss': |
---|
1194 | return ('0' + time.second).slice(-2); |
---|
1195 | case 's': |
---|
1196 | return time.second; |
---|
1197 | case 'l': |
---|
1198 | return ('00' + time.millisec).slice(-3); |
---|
1199 | case 'z': |
---|
1200 | return time.timezone === null? options.defaultTimezone : time.timezone; |
---|
1201 | case 'T': |
---|
1202 | return ampmName.charAt(0).toUpperCase(); |
---|
1203 | case 'TT': |
---|
1204 | return ampmName.toUpperCase(); |
---|
1205 | case 't': |
---|
1206 | return ampmName.charAt(0).toLowerCase(); |
---|
1207 | case 'tt': |
---|
1208 | return ampmName.toLowerCase(); |
---|
1209 | default: |
---|
1210 | return match.replace(/\'/g, "") || "'"; |
---|
1211 | } |
---|
1212 | }); |
---|
1213 | |
---|
1214 | tmptime = $.trim(tmptime); |
---|
1215 | return tmptime; |
---|
1216 | }; |
---|
1217 | |
---|
1218 | /* |
---|
1219 | * the bad hack :/ override datepicker so it doesnt close on select |
---|
1220 | // inspired: http://stackoverflow.com/questions/1252512/jquery-datepicker-prevent-closing-picker-when-clicking-a-date/1762378#1762378 |
---|
1221 | */ |
---|
1222 | $.datepicker._base_selectDate = $.datepicker._selectDate; |
---|
1223 | $.datepicker._selectDate = function(id, dateStr) { |
---|
1224 | var inst = this._getInst($(id)[0]), |
---|
1225 | tp_inst = this._get(inst, 'timepicker'); |
---|
1226 | |
---|
1227 | if (tp_inst) { |
---|
1228 | tp_inst._limitMinMaxDateTime(inst, true); |
---|
1229 | inst.inline = inst.stay_open = true; |
---|
1230 | //This way the onSelect handler called from calendarpicker get the full dateTime |
---|
1231 | this._base_selectDate(id, dateStr); |
---|
1232 | inst.inline = inst.stay_open = false; |
---|
1233 | this._notifyChange(inst); |
---|
1234 | this._updateDatepicker(inst); |
---|
1235 | } else { |
---|
1236 | this._base_selectDate(id, dateStr); |
---|
1237 | } |
---|
1238 | }; |
---|
1239 | |
---|
1240 | /* |
---|
1241 | * second bad hack :/ override datepicker so it triggers an event when changing the input field |
---|
1242 | * and does not redraw the datepicker on every selectDate event |
---|
1243 | */ |
---|
1244 | $.datepicker._base_updateDatepicker = $.datepicker._updateDatepicker; |
---|
1245 | $.datepicker._updateDatepicker = function(inst) { |
---|
1246 | |
---|
1247 | // don't popup the datepicker if there is another instance already opened |
---|
1248 | var input = inst.input[0]; |
---|
1249 | if ($.datepicker._curInst && $.datepicker._curInst != inst && $.datepicker._datepickerShowing && $.datepicker._lastInput != input) { |
---|
1250 | return; |
---|
1251 | } |
---|
1252 | |
---|
1253 | if (typeof(inst.stay_open) !== 'boolean' || inst.stay_open === false) { |
---|
1254 | |
---|
1255 | this._base_updateDatepicker(inst); |
---|
1256 | |
---|
1257 | // Reload the time control when changing something in the input text field. |
---|
1258 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1259 | if (tp_inst) { |
---|
1260 | tp_inst._addTimePicker(inst); |
---|
1261 | |
---|
1262 | if (tp_inst._defaults.useLocalTimezone) { //checks daylight saving with the new date. |
---|
1263 | var date = new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay, 12); |
---|
1264 | selectLocalTimeZone(tp_inst, date); |
---|
1265 | tp_inst._onTimeChange(); |
---|
1266 | } |
---|
1267 | } |
---|
1268 | } |
---|
1269 | }; |
---|
1270 | |
---|
1271 | /* |
---|
1272 | * third bad hack :/ override datepicker so it allows spaces and colon in the input field |
---|
1273 | */ |
---|
1274 | $.datepicker._base_doKeyPress = $.datepicker._doKeyPress; |
---|
1275 | $.datepicker._doKeyPress = function(event) { |
---|
1276 | var inst = $.datepicker._getInst(event.target), |
---|
1277 | tp_inst = $.datepicker._get(inst, 'timepicker'); |
---|
1278 | |
---|
1279 | if (tp_inst) { |
---|
1280 | if ($.datepicker._get(inst, 'constrainInput')) { |
---|
1281 | var ampm = useAmpm(tp_inst._defaults.timeFormat), |
---|
1282 | dateChars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat')), |
---|
1283 | datetimeChars = tp_inst._defaults.timeFormat.toString() |
---|
1284 | .replace(/[hms]/g, '') |
---|
1285 | .replace(/TT/g, ampm ? 'APM' : '') |
---|
1286 | .replace(/Tt/g, ampm ? 'AaPpMm' : '') |
---|
1287 | .replace(/tT/g, ampm ? 'AaPpMm' : '') |
---|
1288 | .replace(/T/g, ampm ? 'AP' : '') |
---|
1289 | .replace(/tt/g, ampm ? 'apm' : '') |
---|
1290 | .replace(/t/g, ampm ? 'ap' : '') + |
---|
1291 | " " + tp_inst._defaults.separator + |
---|
1292 | tp_inst._defaults.timeSuffix + |
---|
1293 | (tp_inst._defaults.showTimezone ? tp_inst._defaults.timezoneList.join('') : '') + |
---|
1294 | (tp_inst._defaults.amNames.join('')) + (tp_inst._defaults.pmNames.join('')) + |
---|
1295 | dateChars, |
---|
1296 | chr = String.fromCharCode(event.charCode === undefined ? event.keyCode : event.charCode); |
---|
1297 | return event.ctrlKey || (chr < ' ' || !dateChars || datetimeChars.indexOf(chr) > -1); |
---|
1298 | } |
---|
1299 | } |
---|
1300 | |
---|
1301 | return $.datepicker._base_doKeyPress(event); |
---|
1302 | }; |
---|
1303 | |
---|
1304 | /* |
---|
1305 | * Fourth bad hack :/ override _updateAlternate function used in inline mode to init altField |
---|
1306 | */ |
---|
1307 | $.datepicker._base_updateAlternate = $.datepicker._updateAlternate; |
---|
1308 | /* Update any alternate field to synchronise with the main field. */ |
---|
1309 | $.datepicker._updateAlternate = function(inst) { |
---|
1310 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1311 | if(tp_inst){ |
---|
1312 | var altField = tp_inst._defaults.altField; |
---|
1313 | if (altField) { // update alternate field too |
---|
1314 | var altFormat = tp_inst._defaults.altFormat || tp_inst._defaults.dateFormat, |
---|
1315 | date = this._getDate(inst), |
---|
1316 | formatCfg = $.datepicker._getFormatConfig(inst), |
---|
1317 | altFormattedDateTime = '', |
---|
1318 | altSeparator = tp_inst._defaults.altSeparator ? tp_inst._defaults.altSeparator : tp_inst._defaults.separator, |
---|
1319 | altTimeSuffix = tp_inst._defaults.altTimeSuffix ? tp_inst._defaults.altTimeSuffix : tp_inst._defaults.timeSuffix, |
---|
1320 | altTimeFormat = tp_inst._defaults.altTimeFormat !== null ? tp_inst._defaults.altTimeFormat : tp_inst._defaults.timeFormat; |
---|
1321 | |
---|
1322 | altFormattedDateTime += $.datepicker.formatTime(altTimeFormat, tp_inst, tp_inst._defaults) + altTimeSuffix; |
---|
1323 | if(!tp_inst._defaults.timeOnly && !tp_inst._defaults.altFieldTimeOnly){ |
---|
1324 | if(tp_inst._defaults.altFormat) |
---|
1325 | altFormattedDateTime = $.datepicker.formatDate(tp_inst._defaults.altFormat, (date === null ? new Date() : date), formatCfg) + altSeparator + altFormattedDateTime; |
---|
1326 | else altFormattedDateTime = tp_inst.formattedDate + altSeparator + altFormattedDateTime; |
---|
1327 | } |
---|
1328 | $(altField).val(altFormattedDateTime); |
---|
1329 | } |
---|
1330 | } |
---|
1331 | else{ |
---|
1332 | $.datepicker._base_updateAlternate(inst); |
---|
1333 | } |
---|
1334 | }; |
---|
1335 | |
---|
1336 | /* |
---|
1337 | * Override key up event to sync manual input changes. |
---|
1338 | */ |
---|
1339 | $.datepicker._base_doKeyUp = $.datepicker._doKeyUp; |
---|
1340 | $.datepicker._doKeyUp = function(event) { |
---|
1341 | var inst = $.datepicker._getInst(event.target), |
---|
1342 | tp_inst = $.datepicker._get(inst, 'timepicker'); |
---|
1343 | |
---|
1344 | if (tp_inst) { |
---|
1345 | if (tp_inst._defaults.timeOnly && (inst.input.val() != inst.lastVal)) { |
---|
1346 | try { |
---|
1347 | $.datepicker._updateDatepicker(inst); |
---|
1348 | } catch (err) { |
---|
1349 | $.datepicker.log(err); |
---|
1350 | } |
---|
1351 | } |
---|
1352 | } |
---|
1353 | |
---|
1354 | return $.datepicker._base_doKeyUp(event); |
---|
1355 | }; |
---|
1356 | |
---|
1357 | /* |
---|
1358 | * override "Today" button to also grab the time. |
---|
1359 | */ |
---|
1360 | $.datepicker._base_gotoToday = $.datepicker._gotoToday; |
---|
1361 | $.datepicker._gotoToday = function(id) { |
---|
1362 | var inst = this._getInst($(id)[0]), |
---|
1363 | $dp = inst.dpDiv; |
---|
1364 | this._base_gotoToday(id); |
---|
1365 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1366 | selectLocalTimeZone(tp_inst); |
---|
1367 | var now = new Date(); |
---|
1368 | this._setTime(inst, now); |
---|
1369 | $('.ui-datepicker-today', $dp).click(); |
---|
1370 | }; |
---|
1371 | |
---|
1372 | /* |
---|
1373 | * Disable & enable the Time in the datetimepicker |
---|
1374 | */ |
---|
1375 | $.datepicker._disableTimepickerDatepicker = function(target) { |
---|
1376 | var inst = this._getInst(target); |
---|
1377 | if (!inst) { |
---|
1378 | return; |
---|
1379 | } |
---|
1380 | |
---|
1381 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1382 | $(target).datepicker('getDate'); // Init selected[Year|Month|Day] |
---|
1383 | if (tp_inst) { |
---|
1384 | tp_inst._defaults.showTimepicker = false; |
---|
1385 | tp_inst._updateDateTime(inst); |
---|
1386 | } |
---|
1387 | }; |
---|
1388 | |
---|
1389 | $.datepicker._enableTimepickerDatepicker = function(target) { |
---|
1390 | var inst = this._getInst(target); |
---|
1391 | if (!inst) { |
---|
1392 | return; |
---|
1393 | } |
---|
1394 | |
---|
1395 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1396 | $(target).datepicker('getDate'); // Init selected[Year|Month|Day] |
---|
1397 | if (tp_inst) { |
---|
1398 | tp_inst._defaults.showTimepicker = true; |
---|
1399 | tp_inst._addTimePicker(inst); // Could be disabled on page load |
---|
1400 | tp_inst._updateDateTime(inst); |
---|
1401 | } |
---|
1402 | }; |
---|
1403 | |
---|
1404 | /* |
---|
1405 | * Create our own set time function |
---|
1406 | */ |
---|
1407 | $.datepicker._setTime = function(inst, date) { |
---|
1408 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1409 | if (tp_inst) { |
---|
1410 | var defaults = tp_inst._defaults; |
---|
1411 | |
---|
1412 | // calling _setTime with no date sets time to defaults |
---|
1413 | tp_inst.hour = date ? date.getHours() : defaults.hour; |
---|
1414 | tp_inst.minute = date ? date.getMinutes() : defaults.minute; |
---|
1415 | tp_inst.second = date ? date.getSeconds() : defaults.second; |
---|
1416 | tp_inst.millisec = date ? date.getMilliseconds() : defaults.millisec; |
---|
1417 | |
---|
1418 | //check if within min/max times.. |
---|
1419 | tp_inst._limitMinMaxDateTime(inst, true); |
---|
1420 | |
---|
1421 | tp_inst._onTimeChange(); |
---|
1422 | tp_inst._updateDateTime(inst); |
---|
1423 | } |
---|
1424 | }; |
---|
1425 | |
---|
1426 | /* |
---|
1427 | * Create new public method to set only time, callable as $().datepicker('setTime', date) |
---|
1428 | */ |
---|
1429 | $.datepicker._setTimeDatepicker = function(target, date, withDate) { |
---|
1430 | var inst = this._getInst(target); |
---|
1431 | if (!inst) { |
---|
1432 | return; |
---|
1433 | } |
---|
1434 | |
---|
1435 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1436 | |
---|
1437 | if (tp_inst) { |
---|
1438 | this._setDateFromField(inst); |
---|
1439 | var tp_date; |
---|
1440 | if (date) { |
---|
1441 | if (typeof date == "string") { |
---|
1442 | tp_inst._parseTime(date, withDate); |
---|
1443 | tp_date = new Date(); |
---|
1444 | tp_date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec); |
---|
1445 | } else { |
---|
1446 | tp_date = new Date(date.getTime()); |
---|
1447 | } |
---|
1448 | if (tp_date.toString() == 'Invalid Date') { |
---|
1449 | tp_date = undefined; |
---|
1450 | } |
---|
1451 | this._setTime(inst, tp_date); |
---|
1452 | } |
---|
1453 | } |
---|
1454 | |
---|
1455 | }; |
---|
1456 | |
---|
1457 | /* |
---|
1458 | * override setDate() to allow setting time too within Date object |
---|
1459 | */ |
---|
1460 | $.datepicker._base_setDateDatepicker = $.datepicker._setDateDatepicker; |
---|
1461 | $.datepicker._setDateDatepicker = function(target, date) { |
---|
1462 | var inst = this._getInst(target); |
---|
1463 | if (!inst) { |
---|
1464 | return; |
---|
1465 | } |
---|
1466 | |
---|
1467 | var tp_date = (date instanceof Date) ? new Date(date.getTime()) : date; |
---|
1468 | |
---|
1469 | this._updateDatepicker(inst); |
---|
1470 | this._base_setDateDatepicker.apply(this, arguments); |
---|
1471 | this._setTimeDatepicker(target, tp_date, true); |
---|
1472 | }; |
---|
1473 | |
---|
1474 | /* |
---|
1475 | * override getDate() to allow getting time too within Date object |
---|
1476 | */ |
---|
1477 | $.datepicker._base_getDateDatepicker = $.datepicker._getDateDatepicker; |
---|
1478 | $.datepicker._getDateDatepicker = function(target, noDefault) { |
---|
1479 | var inst = this._getInst(target); |
---|
1480 | if (!inst) { |
---|
1481 | return; |
---|
1482 | } |
---|
1483 | |
---|
1484 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1485 | |
---|
1486 | if (tp_inst) { |
---|
1487 | // if it hasn't yet been defined, grab from field |
---|
1488 | if(inst.lastVal === undefined){ |
---|
1489 | this._setDateFromField(inst, noDefault); |
---|
1490 | } |
---|
1491 | |
---|
1492 | var date = this._getDate(inst); |
---|
1493 | if (date && tp_inst._parseTime($(target).val(), tp_inst.timeOnly)) { |
---|
1494 | date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec); |
---|
1495 | } |
---|
1496 | return date; |
---|
1497 | } |
---|
1498 | return this._base_getDateDatepicker(target, noDefault); |
---|
1499 | }; |
---|
1500 | |
---|
1501 | /* |
---|
1502 | * override parseDate() because UI 1.8.14 throws an error about "Extra characters" |
---|
1503 | * An option in datapicker to ignore extra format characters would be nicer. |
---|
1504 | */ |
---|
1505 | $.datepicker._base_parseDate = $.datepicker.parseDate; |
---|
1506 | $.datepicker.parseDate = function(format, value, settings) { |
---|
1507 | var date; |
---|
1508 | try { |
---|
1509 | date = this._base_parseDate(format, value, settings); |
---|
1510 | } catch (err) { |
---|
1511 | // Hack! The error message ends with a colon, a space, and |
---|
1512 | // the "extra" characters. We rely on that instead of |
---|
1513 | // attempting to perfectly reproduce the parsing algorithm. |
---|
1514 | date = this._base_parseDate(format, value.substring(0,value.length-(err.length-err.indexOf(':')-2)), settings); |
---|
1515 | $.datepicker.log("Error parsing the date string: " + err + "\ndate string = " + value + "\ndate format = " + format); |
---|
1516 | } |
---|
1517 | return date; |
---|
1518 | }; |
---|
1519 | |
---|
1520 | /* |
---|
1521 | * override formatDate to set date with time to the input |
---|
1522 | */ |
---|
1523 | $.datepicker._base_formatDate = $.datepicker._formatDate; |
---|
1524 | $.datepicker._formatDate = function(inst, day, month, year) { |
---|
1525 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1526 | if (tp_inst) { |
---|
1527 | tp_inst._updateDateTime(inst); |
---|
1528 | return tp_inst.$input.val(); |
---|
1529 | } |
---|
1530 | return this._base_formatDate(inst); |
---|
1531 | }; |
---|
1532 | |
---|
1533 | /* |
---|
1534 | * override options setter to add time to maxDate(Time) and minDate(Time). MaxDate |
---|
1535 | */ |
---|
1536 | $.datepicker._base_optionDatepicker = $.datepicker._optionDatepicker; |
---|
1537 | $.datepicker._optionDatepicker = function(target, name, value) { |
---|
1538 | var inst = this._getInst(target), |
---|
1539 | name_clone; |
---|
1540 | if (!inst) { |
---|
1541 | return null; |
---|
1542 | } |
---|
1543 | |
---|
1544 | var tp_inst = this._get(inst, 'timepicker'); |
---|
1545 | if (tp_inst) { |
---|
1546 | var min = null, |
---|
1547 | max = null, |
---|
1548 | onselect = null, |
---|
1549 | overrides = tp_inst._defaults.evnts, |
---|
1550 | fns = {}, |
---|
1551 | prop; |
---|
1552 | if (typeof name == 'string') { // if min/max was set with the string |
---|
1553 | if (name === 'minDate' || name === 'minDateTime') { |
---|
1554 | min = value; |
---|
1555 | } else if (name === 'maxDate' || name === 'maxDateTime') { |
---|
1556 | max = value; |
---|
1557 | } else if (name === 'onSelect') { |
---|
1558 | onselect = value; |
---|
1559 | } else if (overrides.hasOwnProperty(name)) { |
---|
1560 | if (typeof (value) === 'undefined') { |
---|
1561 | return overrides[name]; |
---|
1562 | } |
---|
1563 | fns[name] = value; |
---|
1564 | name_clone = {}; //empty results in exiting function after overrides updated |
---|
1565 | } |
---|
1566 | } else if (typeof name == 'object') { //if min/max was set with the JSON |
---|
1567 | if (name.minDate) { |
---|
1568 | min = name.minDate; |
---|
1569 | } else if (name.minDateTime) { |
---|
1570 | min = name.minDateTime; |
---|
1571 | } else if (name.maxDate) { |
---|
1572 | max = name.maxDate; |
---|
1573 | } else if (name.maxDateTime) { |
---|
1574 | max = name.maxDateTime; |
---|
1575 | } |
---|
1576 | for (prop in overrides) { |
---|
1577 | if (overrides.hasOwnProperty(prop) && name[prop]) { |
---|
1578 | fns[prop] = name[prop]; |
---|
1579 | } |
---|
1580 | } |
---|
1581 | } |
---|
1582 | for (prop in fns) { |
---|
1583 | if (fns.hasOwnProperty(prop)) { |
---|
1584 | overrides[prop] = fns[prop]; |
---|
1585 | if (!name_clone) { name_clone = $.extend({}, name);} |
---|
1586 | delete name_clone[prop]; |
---|
1587 | } |
---|
1588 | } |
---|
1589 | if (name_clone && isEmptyObject(name_clone)) { return; } |
---|
1590 | if (min) { //if min was set |
---|
1591 | if (min === 0) { |
---|
1592 | min = new Date(); |
---|
1593 | } else { |
---|
1594 | min = new Date(min); |
---|
1595 | } |
---|
1596 | tp_inst._defaults.minDate = min; |
---|
1597 | tp_inst._defaults.minDateTime = min; |
---|
1598 | } else if (max) { //if max was set |
---|
1599 | if (max === 0) { |
---|
1600 | max = new Date(); |
---|
1601 | } else { |
---|
1602 | max = new Date(max); |
---|
1603 | } |
---|
1604 | tp_inst._defaults.maxDate = max; |
---|
1605 | tp_inst._defaults.maxDateTime = max; |
---|
1606 | } else if (onselect) { |
---|
1607 | tp_inst._defaults.onSelect = onselect; |
---|
1608 | } |
---|
1609 | } |
---|
1610 | if (value === undefined) { |
---|
1611 | return this._base_optionDatepicker.call($.datepicker, target, name); |
---|
1612 | } |
---|
1613 | return this._base_optionDatepicker.call($.datepicker, target, name_clone || name, value); |
---|
1614 | }; |
---|
1615 | /* |
---|
1616 | * jQuery isEmptyObject does not check hasOwnProperty - if someone has added to the object prototype, |
---|
1617 | * it will return false for all objects |
---|
1618 | */ |
---|
1619 | var isEmptyObject = function(obj) { |
---|
1620 | var prop; |
---|
1621 | for (prop in obj) { |
---|
1622 | if (obj.hasOwnProperty(obj)) { |
---|
1623 | return false; |
---|
1624 | } |
---|
1625 | } |
---|
1626 | return true; |
---|
1627 | }; |
---|
1628 | |
---|
1629 | /* |
---|
1630 | * jQuery extend now ignores nulls! |
---|
1631 | */ |
---|
1632 | var extendRemove = function(target, props) { |
---|
1633 | $.extend(target, props); |
---|
1634 | for (var name in props) { |
---|
1635 | if (props[name] === null || props[name] === undefined) { |
---|
1636 | target[name] = props[name]; |
---|
1637 | } |
---|
1638 | } |
---|
1639 | return target; |
---|
1640 | }; |
---|
1641 | |
---|
1642 | /* |
---|
1643 | * Determine by the time format if should use ampm |
---|
1644 | * Returns true if should use ampm, false if not |
---|
1645 | */ |
---|
1646 | var useAmpm = function(timeFormat){ |
---|
1647 | return (timeFormat.indexOf('t') !== -1 && timeFormat.indexOf('h') !== -1); |
---|
1648 | }; |
---|
1649 | |
---|
1650 | /* |
---|
1651 | * Converts 24 hour format into 12 hour |
---|
1652 | * Returns 12 hour without leading 0 |
---|
1653 | */ |
---|
1654 | var convert24to12 = function(hour) { |
---|
1655 | if (hour > 12) { |
---|
1656 | hour = hour - 12; |
---|
1657 | } |
---|
1658 | |
---|
1659 | if (hour == 0) { |
---|
1660 | hour = 12; |
---|
1661 | } |
---|
1662 | |
---|
1663 | return String(hour); |
---|
1664 | }; |
---|
1665 | |
---|
1666 | /* |
---|
1667 | * Splits datetime string into date ans time substrings. |
---|
1668 | * Throws exception when date can't be parsed |
---|
1669 | * Returns [dateString, timeString] |
---|
1670 | */ |
---|
1671 | var splitDateTime = function(dateFormat, dateTimeString, dateSettings, timeSettings) { |
---|
1672 | try { |
---|
1673 | // The idea is to get the number separator occurances in datetime and the time format requested (since time has |
---|
1674 | // fewer unknowns, mostly numbers and am/pm). We will use the time pattern to split. |
---|
1675 | var separator = timeSettings && timeSettings.separator ? timeSettings.separator : $.timepicker._defaults.separator, |
---|
1676 | format = timeSettings && timeSettings.timeFormat ? timeSettings.timeFormat : $.timepicker._defaults.timeFormat, |
---|
1677 | timeParts = format.split(separator), // how many occurances of separator may be in our format? |
---|
1678 | timePartsLen = timeParts.length, |
---|
1679 | allParts = dateTimeString.split(separator), |
---|
1680 | allPartsLen = allParts.length; |
---|
1681 | |
---|
1682 | if (allPartsLen > 1) { |
---|
1683 | return [ |
---|
1684 | allParts.splice(0,allPartsLen-timePartsLen).join(separator), |
---|
1685 | allParts.splice(0,timePartsLen).join(separator) |
---|
1686 | ]; |
---|
1687 | } |
---|
1688 | |
---|
1689 | } catch (err) { |
---|
1690 | $.datepicker.log('Could not split the date from the time. Please check the following datetimepicker options' + |
---|
1691 | "\nthrown error: " + err + |
---|
1692 | "\ndateTimeString" + dateTimeString + |
---|
1693 | "\ndateFormat = " + dateFormat + |
---|
1694 | "\nseparator = " + timeSettings.separator + |
---|
1695 | "\ntimeFormat = " + timeSettings.timeFormat); |
---|
1696 | |
---|
1697 | if (err.indexOf(":") >= 0) { |
---|
1698 | // Hack! The error message ends with a colon, a space, and |
---|
1699 | // the "extra" characters. We rely on that instead of |
---|
1700 | // attempting to perfectly reproduce the parsing algorithm. |
---|
1701 | var dateStringLength = dateTimeString.length - (err.length - err.indexOf(':') - 2), |
---|
1702 | timeString = dateTimeString.substring(dateStringLength); |
---|
1703 | |
---|
1704 | return [$.trim(dateTimeString.substring(0, dateStringLength)), $.trim(dateTimeString.substring(dateStringLength))]; |
---|
1705 | |
---|
1706 | } else { |
---|
1707 | throw err; |
---|
1708 | } |
---|
1709 | } |
---|
1710 | return [dateTimeString, '']; |
---|
1711 | }; |
---|
1712 | |
---|
1713 | /* |
---|
1714 | * Internal function to parse datetime interval |
---|
1715 | * Returns: {date: Date, timeObj: Object}, where |
---|
1716 | * date - parsed date without time (type Date) |
---|
1717 | * timeObj = {hour: , minute: , second: , millisec: } - parsed time. Optional |
---|
1718 | */ |
---|
1719 | var parseDateTimeInternal = function(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) { |
---|
1720 | var date; |
---|
1721 | var splitRes = splitDateTime(dateFormat, dateTimeString, dateSettings, timeSettings); |
---|
1722 | date = $.datepicker._base_parseDate(dateFormat, splitRes[0], dateSettings); |
---|
1723 | if (splitRes[1] !== '') { |
---|
1724 | var timeString = splitRes[1], |
---|
1725 | parsedTime = $.datepicker.parseTime(timeFormat, timeString, timeSettings); |
---|
1726 | |
---|
1727 | if (parsedTime === null) { |
---|
1728 | throw 'Wrong time format'; |
---|
1729 | } |
---|
1730 | return { |
---|
1731 | date: date, |
---|
1732 | timeObj: parsedTime |
---|
1733 | }; |
---|
1734 | } else { |
---|
1735 | return { |
---|
1736 | date: date |
---|
1737 | }; |
---|
1738 | } |
---|
1739 | }; |
---|
1740 | |
---|
1741 | /* |
---|
1742 | * Internal function to set timezone_select to the local timezone |
---|
1743 | */ |
---|
1744 | var selectLocalTimeZone = function(tp_inst, date) { |
---|
1745 | if (tp_inst && tp_inst.timezone_select) { |
---|
1746 | tp_inst._defaults.useLocalTimezone = true; |
---|
1747 | var now = typeof date !== 'undefined' ? date : new Date(); |
---|
1748 | var tzoffset = $.timepicker.timeZoneOffsetString(now); |
---|
1749 | if (tp_inst._defaults.timezoneIso8601) { |
---|
1750 | tzoffset = tzoffset.substring(0, 3) + ':' + tzoffset.substring(3); |
---|
1751 | } |
---|
1752 | tp_inst.timezone_select.val(tzoffset); |
---|
1753 | } |
---|
1754 | }; |
---|
1755 | |
---|
1756 | /* |
---|
1757 | * Create a Singleton Insance |
---|
1758 | */ |
---|
1759 | $.timepicker = new Timepicker(); |
---|
1760 | |
---|
1761 | /** |
---|
1762 | * Get the timezone offset as string from a date object (eg '+0530' for UTC+5.5) |
---|
1763 | * @param date |
---|
1764 | * @return string |
---|
1765 | */ |
---|
1766 | $.timepicker.timeZoneOffsetString = function(date) { |
---|
1767 | var off = date.getTimezoneOffset() * -1, |
---|
1768 | minutes = off % 60, |
---|
1769 | hours = (off - minutes) / 60; |
---|
1770 | return (off >= 0 ? '+' : '-') + ('0' + (hours * 101).toString()).substr(-2) + ('0' + (minutes * 101).toString()).substr(-2); |
---|
1771 | }; |
---|
1772 | |
---|
1773 | /** |
---|
1774 | * Calls `timepicker()` on the `startTime` and `endTime` elements, and configures them to |
---|
1775 | * enforce date range limits. |
---|
1776 | * n.b. The input value must be correctly formatted (reformatting is not supported) |
---|
1777 | * @param Element startTime |
---|
1778 | * @param Element endTime |
---|
1779 | * @param obj options Options for the timepicker() call |
---|
1780 | * @return jQuery |
---|
1781 | */ |
---|
1782 | $.timepicker.timeRange = function(startTime, endTime, options) { |
---|
1783 | return $.timepicker.handleRange('timepicker', startTime, endTime, options); |
---|
1784 | }; |
---|
1785 | |
---|
1786 | /** |
---|
1787 | * Calls `datetimepicker` on the `startTime` and `endTime` elements, and configures them to |
---|
1788 | * enforce date range limits. |
---|
1789 | * @param Element startTime |
---|
1790 | * @param Element endTime |
---|
1791 | * @param obj options Options for the `timepicker()` call. Also supports `reformat`, |
---|
1792 | * a boolean value that can be used to reformat the input values to the `dateFormat`. |
---|
1793 | * @param string method Can be used to specify the type of picker to be added |
---|
1794 | * @return jQuery |
---|
1795 | */ |
---|
1796 | $.timepicker.dateTimeRange = function(startTime, endTime, options) { |
---|
1797 | $.timepicker.dateRange(startTime, endTime, options, 'datetimepicker'); |
---|
1798 | }; |
---|
1799 | |
---|
1800 | /** |
---|
1801 | * Calls `method` on the `startTime` and `endTime` elements, and configures them to |
---|
1802 | * enforce date range limits. |
---|
1803 | * @param Element startTime |
---|
1804 | * @param Element endTime |
---|
1805 | * @param obj options Options for the `timepicker()` call. Also supports `reformat`, |
---|
1806 | * a boolean value that can be used to reformat the input values to the `dateFormat`. |
---|
1807 | * @param string method Can be used to specify the type of picker to be added |
---|
1808 | * @return jQuery |
---|
1809 | */ |
---|
1810 | $.timepicker.dateRange = function(startTime, endTime, options, method) { |
---|
1811 | method = method || 'datepicker'; |
---|
1812 | $.timepicker.handleRange(method, startTime, endTime, options); |
---|
1813 | }; |
---|
1814 | |
---|
1815 | /** |
---|
1816 | * Calls `method` on the `startTime` and `endTime` elements, and configures them to |
---|
1817 | * enforce date range limits. |
---|
1818 | * @param string method Can be used to specify the type of picker to be added |
---|
1819 | * @param Element startTime |
---|
1820 | * @param Element endTime |
---|
1821 | * @param obj options Options for the `timepicker()` call. Also supports `reformat`, |
---|
1822 | * a boolean value that can be used to reformat the input values to the `dateFormat`. |
---|
1823 | * @return jQuery |
---|
1824 | */ |
---|
1825 | $.timepicker.handleRange = function(method, startTime, endTime, options) { |
---|
1826 | $.fn[method].call(startTime, $.extend({ |
---|
1827 | onClose: function(dateText, inst) { |
---|
1828 | checkDates(this, endTime, dateText); |
---|
1829 | }, |
---|
1830 | onSelect: function(selectedDateTime) { |
---|
1831 | selected(this, endTime, 'minDate'); |
---|
1832 | } |
---|
1833 | }, options, options.start)); |
---|
1834 | $.fn[method].call(endTime, $.extend({ |
---|
1835 | onClose: function(dateText, inst) { |
---|
1836 | checkDates(this, startTime, dateText); |
---|
1837 | }, |
---|
1838 | onSelect: function(selectedDateTime) { |
---|
1839 | selected(this, startTime, 'maxDate'); |
---|
1840 | } |
---|
1841 | }, options, options.end)); |
---|
1842 | // timepicker doesn't provide access to its 'timeFormat' option, |
---|
1843 | // nor could I get datepicker.formatTime() to behave with times, so I |
---|
1844 | // have disabled reformatting for timepicker |
---|
1845 | if (method != 'timepicker' && options.reformat) { |
---|
1846 | $([startTime, endTime]).each(function() { |
---|
1847 | var format = $(this)[method].call($(this), 'option', 'dateFormat'), |
---|
1848 | date = new Date($(this).val()); |
---|
1849 | if ($(this).val() && date) { |
---|
1850 | $(this).val($.datepicker.formatDate(format, date)); |
---|
1851 | } |
---|
1852 | }); |
---|
1853 | } |
---|
1854 | checkDates(startTime, endTime, startTime.val()); |
---|
1855 | |
---|
1856 | function checkDates(changed, other, dateText) { |
---|
1857 | if (other.val() && (new Date(startTime.val()) > new Date(endTime.val()))) { |
---|
1858 | other.val(dateText); |
---|
1859 | } |
---|
1860 | } |
---|
1861 | selected(startTime, endTime, 'minDate'); |
---|
1862 | selected(endTime, startTime, 'maxDate'); |
---|
1863 | |
---|
1864 | function selected(changed, other, option) { |
---|
1865 | if (!$(changed).val()) { |
---|
1866 | return; |
---|
1867 | } |
---|
1868 | var date = $(changed)[method].call($(changed), 'getDate'); |
---|
1869 | // timepicker doesn't implement 'getDate' and returns a jQuery |
---|
1870 | if (date.getTime) { |
---|
1871 | $(other)[method].call($(other), 'option', option, date); |
---|
1872 | } |
---|
1873 | } |
---|
1874 | return $([startTime.get(0), endTime.get(0)]); |
---|
1875 | }; |
---|
1876 | |
---|
1877 | /* |
---|
1878 | * Keep up with the version |
---|
1879 | */ |
---|
1880 | $.timepicker.version = "1.1.1"; |
---|
1881 | |
---|
1882 | })(jQuery); |
---|