API tools faq
paste
Advertisement
Guest User

jquery-ui-timepicker-addon.js

a guest
Dec 11th, 2012
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.19 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. * jQuery timepicker addon
  3. * By: Trent Richardson [http://trentrichardson.com]
  4. * Version 1.0.1
  5. * Last Modified: 07/01/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. * HERES THE CSS:
  13. * .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
  14. * .ui-timepicker-div dl { text-align: left; }
  15. * .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
  16. * .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
  17. * .ui-timepicker-div td { font-size: 90%; }
  18. * .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  19. */
  20.  
  21. /*jslint evil: true, maxlen: 300, white: false, undef: false, nomen: false, onevar: false */
  22.  
  23. (function($) {
  24.  
  25. // Prevent "Uncaught RangeError: Maximum call stack size exceeded"
  26. $.ui.timepicker = $.ui.timepicker || {};
  27. if ($.ui.timepicker.version) {
  28. return;
  29. }
  30.  
  31. $.extend($.ui, { timepicker: { version: "1.0.1" } });
  32.  
  33. /* Time picker manager.
  34. Use the singleton instance of this class, $.timepicker, to interact with the time picker.
  35. Settings for (groups of) time pickers are maintained in an instance object,
  36. allowing multiple different settings on the same page. */
  37.  
  38. function Timepicker() {
  39. this.regional = []; // Available regional settings, indexed by language code
  40. this.regional[''] = { // Default regional settings
  41. currentText: 'Now',
  42. closeText: 'Done',
  43. ampm: false,
  44. amNames: ['AM', 'A'],
  45. pmNames: ['PM', 'P'],
  46. timeFormat: 'hh:mm tt',
  47. timeSuffix: '',
  48. timeOnlyTitle: 'Choose Time',
  49. timeText: 'Time',
  50. hourText: 'Hour',
  51. minuteText: 'Minute',
  52. secondText: 'Second',
  53. millisecText: 'Millisecond',
  54. timezoneText: 'Time Zone'
  55. };
  56. this._defaults = { // Global defaults for all the datetime picker instances
  57. showButtonPanel: true,
  58. timeOnly: false,
  59. showHour: true,
  60. showMinute: true,
  61. showSecond: false,
  62. showMillisec: false,
  63. showTimezone: false,
  64. showTime: true,
  65. stepHour: 1,
  66. stepMinute: 1,
  67. stepSecond: 1,
  68. stepMillisec: 1,
  69. hour: 0,
  70. minute: 0,
  71. second: 0,
  72. millisec: 0,
  73. timezone: null,
  74. useLocalTimezone: false,
  75. defaultTimezone: "+0000",
  76. hourMin: 0,
  77. minuteMin: 0,
  78. secondMin: 0,
  79. millisecMin: 0,
  80. hourMax: 23,
  81. minuteMax: 59,
  82. secondMax: 59,
  83. millisecMax: 999,
  84. minDateTime: null,
  85. maxDateTime: null,
  86. onSelect: null,
  87. hourGrid: 0,
  88. minuteGrid: 0,
  89. secondGrid: 0,
  90. millisecGrid: 0,
  91. alwaysSetTime: true,
  92. separator: ' ',
  93. altFieldTimeOnly: true,
  94. showTimepicker: true,
  95. timezoneIso8601: false,
  96. timezoneList: null,
  97. addSliderAccess: false,
  98. sliderAccessArgs: null
  99. };
  100. $.extend(this._defaults, this.regional['']);
  101. }
  102.  
  103. $.extend(Timepicker.prototype, {
  104. $input: null,
  105. $altInput: null,
  106. $timeObj: null,
  107. inst: null,
  108. hour_slider: null,
  109. minute_slider: null,
  110. second_slider: null,
  111. millisec_slider: null,
  112. timezone_select: null,
  113. hour: 0,
  114. minute: 0,
  115. second: 0,
  116. millisec: 0,
  117. timezone: null,
  118. defaultTimezone: "+0000",
  119. hourMinOriginal: null,
  120. minuteMinOriginal: null,
  121. secondMinOriginal: null,
  122. millisecMinOriginal: null,
  123. hourMaxOriginal: null,
  124. minuteMaxOriginal: null,
  125. secondMaxOriginal: null,
  126. millisecMaxOriginal: null,
  127. ampm: '',
  128. formattedDate: '',
  129. formattedTime: '',
  130. formattedDateTime: '',
  131. timezoneList: null,
  132.  
  133. /* Override the default settings for all instances of the time picker.
  134. @param settings object - the new settings to use as defaults (anonymous object)
  135. @return the manager object */
  136. setDefaults: function(settings) {
  137. extendRemove(this._defaults, settings || {});
  138. return this;
  139. },
  140.  
  141. //########################################################################
  142. // Create a new Timepicker instance
  143. //########################################################################
  144. _newInst: function($input, o) {
  145. var tp_inst = new Timepicker(),
  146. inlineSettings = {};
  147.  
  148. for (var attrName in this._defaults) {
  149. var attrValue = $input.attr('time:' + attrName);
  150. if (attrValue) {
  151. try {
  152. inlineSettings[attrName] = eval(attrValue);
  153. } catch (err) {
  154. inlineSettings[attrName] = attrValue;
  155. }
  156. }
  157. }
  158. tp_inst._defaults = $.extend({}, this._defaults, inlineSettings, o, {
  159. beforeShow: function(input, dp_inst) {
  160. if ($.isFunction(o.beforeShow)) {
  161. return o.beforeShow(input, dp_inst, tp_inst);
  162. }
  163. },
  164. onChangeMonthYear: function(year, month, dp_inst) {
  165. // Update the time as well : this prevents the time from disappearing from the $input field.
  166. tp_inst._updateDateTime(dp_inst);
  167. if ($.isFunction(o.onChangeMonthYear)) {
  168. o.onChangeMonthYear.call($input[0], year, month, dp_inst, tp_inst);
  169. }
  170. },
  171. onClose: function(dateText, dp_inst) {
  172. if (tp_inst.timeDefined === true && $input.val() !== '') {
  173. tp_inst._updateDateTime(dp_inst);
  174. }
  175. if ($.isFunction(o.onClose)) {
  176. o.onClose.call($input[0], dateText, dp_inst, tp_inst);
  177. }
  178. },
  179. timepicker: tp_inst // add timepicker as a property of datepicker: $.datepicker._get(dp_inst, 'timepicker');
  180. });
  181. tp_inst.amNames = $.map(tp_inst._defaults.amNames, function(val) { return val.toUpperCase(); });
  182. tp_inst.pmNames = $.map(tp_inst._defaults.pmNames, function(val) { return val.toUpperCase(); });
  183.  
  184. if (tp_inst._defaults.timezoneList === null) {
  185. var timezoneList = [];
  186. for (var i = -11; i <= 12; i++) {
  187. timezoneList.push((i >= 0 ? '+' : '-') + ('0' + Math.abs(i).toString()).slice(-2) + '00');
  188. }
  189. if (tp_inst._defaults.timezoneIso8601) {
  190. timezoneList = $.map(timezoneList, function(val) {
  191. return val == '+0000' ? 'Z' : (val.substring(0, 3) + ':' + val.substring(3));
  192. });
  193. }
  194. tp_inst._defaults.timezoneList = timezoneList;
  195. }
  196.  
  197. tp_inst.timezone = tp_inst._defaults.timezone;
  198. tp_inst.hour = tp_inst._defaults.hour;
  199. tp_inst.minute = tp_inst._defaults.minute;
  200. tp_inst.second = tp_inst._defaults.second;
  201. tp_inst.millisec = tp_inst._defaults.millisec;
  202. tp_inst.ampm = '';
  203. tp_inst.$input = $input;
  204.  
  205. if (o.altField) {
  206. tp_inst.$altInput = $(o.altField)
  207. .css({ cursor: 'pointer' })
  208. .focus(function(){ $input.trigger("focus"); });
  209. }
  210.  
  211. if(tp_inst._defaults.minDate===0 || tp_inst._defaults.minDateTime===0)
  212. {
  213. tp_inst._defaults.minDate=new Date();
  214. }
  215. if(tp_inst._defaults.maxDate===0 || tp_inst._defaults.maxDateTime===0)
  216. {
  217. tp_inst._defaults.maxDate=new Date();
  218. }
  219.  
  220. // datepicker needs minDate/maxDate, timepicker needs minDateTime/maxDateTime..
  221. if(tp_inst._defaults.minDate !== undefined && tp_inst._defaults.minDate instanceof Date) {
  222. tp_inst._defaults.minDateTime = new Date(tp_inst._defaults.minDate.getTime());
  223. }
  224. if(tp_inst._defaults.minDateTime !== undefined && tp_inst._defaults.minDateTime instanceof Date) {
  225. tp_inst._defaults.minDate = new Date(tp_inst._defaults.minDateTime.getTime());
  226. }
  227. if(tp_inst._defaults.maxDate !== undefined && tp_inst._defaults.maxDate instanceof Date) {
  228. tp_inst._defaults.maxDateTime = new Date(tp_inst._defaults.maxDate.getTime());
  229. }
  230. if(tp_inst._defaults.maxDateTime !== undefined && tp_inst._defaults.maxDateTime instanceof Date) {
  231. tp_inst._defaults.maxDate = new Date(tp_inst._defaults.maxDateTime.getTime());
  232. }
  233. return tp_inst;
  234. },
  235.  
  236. //########################################################################
  237. // add our sliders to the calendar
  238. //########################################################################
  239. _addTimePicker: function(dp_inst) {
  240. var currDT = (this.$altInput && this._defaults.altFieldTimeOnly) ?
  241. this.$input.val() + ' ' + this.$altInput.val() :
  242. this.$input.val();
  243.  
  244. this.timeDefined = this._parseTime(currDT);
  245. this._limitMinMaxDateTime(dp_inst, false);
  246. this._injectTimePicker();
  247. },
  248.  
  249. //########################################################################
  250. // parse the time string from input value or _setTime
  251. //########################################################################
  252. _parseTime: function(timeString, withDate) {
  253. if (!this.inst) {
  254. this.inst = $.datepicker._getInst(this.$input[0]);
  255. }
  256.  
  257. if (withDate || !this._defaults.timeOnly)
  258. {
  259. var dp_dateFormat = $.datepicker._get(this.inst, 'dateFormat');
  260. try {
  261. var parseRes = parseDateTimeInternal(dp_dateFormat, this._defaults.timeFormat, timeString, $.datepicker._getFormatConfig(this.inst), this._defaults);
  262. if (!parseRes.timeObj) { return false; }
  263. $.extend(this, parseRes.timeObj);
  264. } catch (err)
  265. {
  266. return false;
  267. }
  268. return true;
  269. }
  270. else
  271. {
  272. var timeObj = $.datepicker.parseTime(this._defaults.timeFormat, timeString, this._defaults);
  273. if(!timeObj) { return false; }
  274. $.extend(this, timeObj);
  275. return true;
  276. }
  277. },
  278.  
  279. //########################################################################
  280. // generate and inject html for timepicker into ui datepicker
  281. //########################################################################
  282. _injectTimePicker: function() {
  283. var $dp = this.inst.dpDiv,
  284. o = this._defaults,
  285. tp_inst = this,
  286. // Added by Peter Medeiros:
  287. // - Figure out what the hour/minute/second max should be based on the step values.
  288. // - Example: if stepMinute is 15, then minMax is 45.
  289. hourMax = parseInt((o.hourMax - ((o.hourMax - o.hourMin) % o.stepHour)) ,10),
  290. minMax = parseInt((o.minuteMax - ((o.minuteMax - o.minuteMin) % o.stepMinute)) ,10),
  291. secMax = parseInt((o.secondMax - ((o.secondMax - o.secondMin) % o.stepSecond)) ,10),
  292. millisecMax = parseInt((o.millisecMax - ((o.millisecMax - o.millisecMin) % o.stepMillisec)) ,10),
  293. dp_id = this.inst.id.toString().replace(/([^A-Za-z0-9_])/g, '');
  294.  
  295. // Prevent displaying twice
  296. //if ($dp.find("div#ui-timepicker-div-"+ dp_id).length === 0) {
  297. if ($dp.find("div#ui-timepicker-div-"+ dp_id).length === 0 && o.showTimepicker) {
  298. var noDisplay = ' style="display:none;"',
  299. html = '<div class="ui-timepicker-div" id="ui-timepicker-div-' + dp_id + '"><dl>' +
  300. '<dt class="ui_tpicker_time_label" id="ui_tpicker_time_label_' + dp_id + '"' +
  301. ((o.showTime) ? '' : noDisplay) + '>' + o.timeText + '</dt>' +
  302. '<dd class="ui_tpicker_time" id="ui_tpicker_time_' + dp_id + '"' +
  303. ((o.showTime) ? '' : noDisplay) + '></dd>' +
  304. '<dt class="ui_tpicker_hour_label" id="ui_tpicker_hour_label_' + dp_id + '"' +
  305. ((o.showHour) ? '' : noDisplay) + '>' + o.hourText + '</dt>',
  306. hourGridSize = 0,
  307. minuteGridSize = 0,
  308. secondGridSize = 0,
  309. millisecGridSize = 0,
  310. size = null;
  311.  
  312. // Hours
  313. html += '<dd class="ui_tpicker_hour"><div id="ui_tpicker_hour_' + dp_id + '"' +
  314. ((o.showHour) ? '' : noDisplay) + '></div>';
  315. if (o.showHour && o.hourGrid > 0) {
  316. html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
  317.  
  318. for (var h = o.hourMin; h <= hourMax; h += parseInt(o.hourGrid,10)) {
  319. hourGridSize++;
  320. var tmph = (o.ampm && h > 12) ? h-12 : h;
  321. if (tmph < 10) { tmph = '0' + tmph; }
  322. if (o.ampm) {
  323. if (h === 0) {
  324. tmph = 12 +'a';
  325. } else {
  326. if (h < 12) { tmph += 'a'; }
  327. else { tmph += 'p'; }
  328. }
  329. }
  330. html += '<td>' + tmph + '</td>';
  331. }
  332.  
  333. html += '</tr></table></div>';
  334. }
  335. html += '</dd>';
  336.  
  337. // Minutes
  338. html += '<dt class="ui_tpicker_minute_label" id="ui_tpicker_minute_label_' + dp_id + '"' +
  339. ((o.showMinute) ? '' : noDisplay) + '>' + o.minuteText + '</dt>'+
  340. '<dd class="ui_tpicker_minute"><div id="ui_tpicker_minute_' + dp_id + '"' +
  341. ((o.showMinute) ? '' : noDisplay) + '></div>';
  342.  
  343. if (o.showMinute && o.minuteGrid > 0) {
  344. html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
  345.  
  346. for (var m = o.minuteMin; m <= minMax; m += parseInt(o.minuteGrid,10)) {
  347. minuteGridSize++;
  348. html += '<td>' + ((m < 10) ? '0' : '') + m + '</td>';
  349. }
  350.  
  351. html += '</tr></table></div>';
  352. }
  353. html += '</dd>';
  354.  
  355. // Seconds
  356. html += '<dt class="ui_tpicker_second_label" id="ui_tpicker_second_label_' + dp_id + '"' +
  357. ((o.showSecond) ? '' : noDisplay) + '>' + o.secondText + '</dt>'+
  358. '<dd class="ui_tpicker_second"><div id="ui_tpicker_second_' + dp_id + '"'+
  359. ((o.showSecond) ? '' : noDisplay) + '></div>';
  360.  
  361. if (o.showSecond && o.secondGrid > 0) {
  362. html += '<div style="padding-left: 1px"><table><tr>';
  363.  
  364. for (var s = o.secondMin; s <= secMax; s += parseInt(o.secondGrid,10)) {
  365. secondGridSize++;
  366. html += '<td>' + ((s < 10) ? '0' : '') + s + '</td>';
  367. }
  368.  
  369. html += '</tr></table></div>';
  370. }
  371. html += '</dd>';
  372.  
  373. // Milliseconds
  374. html += '<dt class="ui_tpicker_millisec_label" id="ui_tpicker_millisec_label_' + dp_id + '"' +
  375. ((o.showMillisec) ? '' : noDisplay) + '>' + o.millisecText + '</dt>'+
  376. '<dd class="ui_tpicker_millisec"><div id="ui_tpicker_millisec_' + dp_id + '"'+
  377. ((o.showMillisec) ? '' : noDisplay) + '></div>';
  378.  
  379. if (o.showMillisec && o.millisecGrid > 0) {
  380. html += '<div style="padding-left: 1px"><table><tr>';
  381.  
  382. for (var l = o.millisecMin; l <= millisecMax; l += parseInt(o.millisecGrid,10)) {
  383. millisecGridSize++;
  384. html += '<td>' + ((l < 10) ? '0' : '') + l + '</td>';
  385. }
  386.  
  387. html += '</tr></table></div>';
  388. }
  389. html += '</dd>';
  390.  
  391. // Timezone
  392. html += '<dt class="ui_tpicker_timezone_label" id="ui_tpicker_timezone_label_' + dp_id + '"' +
  393. ((o.showTimezone) ? '' : noDisplay) + '>' + o.timezoneText + '</dt>';
  394. html += '<dd class="ui_tpicker_timezone" id="ui_tpicker_timezone_' + dp_id + '"' +
  395. ((o.showTimezone) ? '' : noDisplay) + '></dd>';
  396.  
  397. html += '</dl></div>';
  398. var $tp = $(html);
  399.  
  400. // if we only want time picker...
  401. if (o.timeOnly === true) {
  402. $tp.prepend(
  403. '<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' +
  404. '<div class="ui-datepicker-title">' + o.timeOnlyTitle + '</div>' +
  405. '</div>');
  406. $dp.find('.ui-datepicker-header, .ui-datepicker-calendar').hide();
  407. }
  408.  
  409. this.hour_slider = $tp.find('#ui_tpicker_hour_'+ dp_id).slider({
  410. orientation: "horizontal",
  411. value: this.hour,
  412. min: o.hourMin,
  413. max: hourMax,
  414. step: o.stepHour,
  415. slide: function(event, ui) {
  416. tp_inst.hour_slider.slider( "option", "value", ui.value);
  417. tp_inst._onTimeChange();
  418. }
  419. });
  420.  
  421.  
  422. // Updated by Peter Medeiros:
  423. // - Pass in Event and UI instance into slide function
  424. this.minute_slider = $tp.find('#ui_tpicker_minute_'+ dp_id).slider({
  425. orientation: "horizontal",
  426. value: this.minute,
  427. min: o.minuteMin,
  428. max: minMax,
  429. step: o.stepMinute,
  430. slide: function(event, ui) {
  431. tp_inst.minute_slider.slider( "option", "value", ui.value);
  432. tp_inst._onTimeChange();
  433. }
  434. });
  435.  
  436. this.second_slider = $tp.find('#ui_tpicker_second_'+ dp_id).slider({
  437. orientation: "horizontal",
  438. value: this.second,
  439. min: o.secondMin,
  440. max: secMax,
  441. step: o.stepSecond,
  442. slide: function(event, ui) {
  443. tp_inst.second_slider.slider( "option", "value", ui.value);
  444. tp_inst._onTimeChange();
  445. }
  446. });
  447.  
  448. this.millisec_slider = $tp.find('#ui_tpicker_millisec_'+ dp_id).slider({
  449. orientation: "horizontal",
  450. value: this.millisec,
  451. min: o.millisecMin,
  452. max: millisecMax,
  453. step: o.stepMillisec,
  454. slide: function(event, ui) {
  455. tp_inst.millisec_slider.slider( "option", "value", ui.value);
  456. tp_inst._onTimeChange();
  457. }
  458. });
  459.  
  460. this.timezone_select = $tp.find('#ui_tpicker_timezone_'+ dp_id).append('<select></select>').find("select");
  461. $.fn.append.apply(this.timezone_select,
  462. $.map(o.timezoneList, function(val, idx) {
  463. return $("<option />")
  464. .val(typeof val == "object" ? val.value : val)
  465. .text(typeof val == "object" ? val.label : val);
  466. })
  467. );
  468. if (typeof(this.timezone) != "undefined" && this.timezone !== null && this.timezone !== "") {
  469. var local_date = new Date(this.inst.selectedYear, this.inst.selectedMonth, this.inst.selectedDay, 12);
  470. var local_timezone = timeZoneString(local_date);
  471. if (local_timezone == this.timezone) {
  472. selectLocalTimeZone(tp_inst);
  473. } else {
  474. this.timezone_select.val(this.timezone);
  475. }
  476. } else {
  477. if (typeof(this.hour) != "undefined" && this.hour !== null && this.hour !== "") {
  478. this.timezone_select.val(o.defaultTimezone);
  479. } else {
  480. selectLocalTimeZone(tp_inst);
  481. }
  482. }
  483. this.timezone_select.change(function() {
  484. tp_inst._defaults.useLocalTimezone = false;
  485. tp_inst._onTimeChange();
  486. });
  487.  
  488. // Add grid functionality
  489. if (o.showHour && o.hourGrid > 0) {
  490. size = 100 * hourGridSize * o.hourGrid / (hourMax - o.hourMin);
  491.  
  492. $tp.find(".ui_tpicker_hour table").css({
  493. width: size + "%",
  494. marginLeft: (size / (-2 * hourGridSize)) + "%",
  495. borderCollapse: 'collapse'
  496. }).find("td").each( function(index) {
  497. $(this).click(function() {
  498. var h = $(this).html();
  499. if(o.ampm) {
  500. var ap = h.substring(2).toLowerCase(),
  501. aph = parseInt(h.substring(0,2), 10);
  502. if (ap == 'a') {
  503. if (aph == 12) { h = 0; }
  504. else { h = aph; }
  505. } else if (aph == 12) { h = 12; }
  506. else { h = aph + 12; }
  507. }
  508. tp_inst.hour_slider.slider("option", "value", h);
  509. tp_inst._onTimeChange();
  510. tp_inst._onSelectHandler();
  511. }).css({
  512. cursor: 'pointer',
  513. width: (100 / hourGridSize) + '%',
  514. textAlign: 'center',
  515. overflow: 'hidden'
  516. });
  517. });
  518. }
  519.  
  520. if (o.showMinute && o.minuteGrid > 0) {
  521. size = 100 * minuteGridSize * o.minuteGrid / (minMax - o.minuteMin);
  522. $tp.find(".ui_tpicker_minute table").css({
  523. width: size + "%",
  524. marginLeft: (size / (-2 * minuteGridSize)) + "%",
  525. borderCollapse: 'collapse'
  526. }).find("td").each(function(index) {
  527. $(this).click(function() {
  528. tp_inst.minute_slider.slider("option", "value", $(this).html());
  529. tp_inst._onTimeChange();
  530. tp_inst._onSelectHandler();
  531. }).css({
  532. cursor: 'pointer',
  533. width: (100 / minuteGridSize) + '%',
  534. textAlign: 'center',
  535. overflow: 'hidden'
  536. });
  537. });
  538. }
  539.  
  540. if (o.showSecond && o.secondGrid > 0) {
  541. $tp.find(".ui_tpicker_second table").css({
  542. width: size + "%",
  543. marginLeft: (size / (-2 * secondGridSize)) + "%",
  544. borderCollapse: 'collapse'
  545. }).find("td").each(function(index) {
  546. $(this).click(function() {
  547. tp_inst.second_slider.slider("option", "value", $(this).html());
  548. tp_inst._onTimeChange();
  549. tp_inst._onSelectHandler();
  550. }).css({
  551. cursor: 'pointer',
  552. width: (100 / secondGridSize) + '%',
  553. textAlign: 'center',
  554. overflow: 'hidden'
  555. });
  556. });
  557. }
  558.  
  559. if (o.showMillisec && o.millisecGrid > 0) {
  560. $tp.find(".ui_tpicker_millisec table").css({
  561. width: size + "%",
  562. marginLeft: (size / (-2 * millisecGridSize)) + "%",
  563. borderCollapse: 'collapse'
  564. }).find("td").each(function(index) {
  565. $(this).click(function() {
  566. tp_inst.millisec_slider.slider("option", "value", $(this).html());
  567. tp_inst._onTimeChange();
  568. tp_inst._onSelectHandler();
  569. }).css({
  570. cursor: 'pointer',
  571. width: (100 / millisecGridSize) + '%',
  572. textAlign: 'center',
  573. overflow: 'hidden'
  574. });
  575. });
  576. }
  577.  
  578. var $buttonPanel = $dp.find('.ui-datepicker-buttonpane');
  579. if ($buttonPanel.length) { $buttonPanel.before($tp); }
  580. else { $dp.append($tp); }
  581.  
  582. this.$timeObj = $tp.find('#ui_tpicker_time_'+ dp_id);
  583.  
  584. if (this.inst !== null) {
  585. var timeDefined = this.timeDefined;
  586. this._onTimeChange();
  587. this.timeDefined = timeDefined;
  588. }
  589.  
  590. //Emulate datepicker onSelect behavior. Call on slidestop.
  591. var onSelectDelegate = function() {
  592. tp_inst._onSelectHandler();
  593. };
  594. this.hour_slider.bind('slidestop',onSelectDelegate);
  595. this.minute_slider.bind('slidestop',onSelectDelegate);
  596. this.second_slider.bind('slidestop',onSelectDelegate);
  597. this.millisec_slider.bind('slidestop',onSelectDelegate);
  598.  
  599. // slideAccess integration: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/
  600. if (this._defaults.addSliderAccess){
  601. var sliderAccessArgs = this._defaults.sliderAccessArgs;
  602. setTimeout(function(){ // fix for inline mode
  603. if($tp.find('.ui-slider-access').length === 0){
  604. $tp.find('.ui-slider:visible').sliderAccess(sliderAccessArgs);
  605.  
  606. // fix any grids since sliders are shorter
  607. var sliderAccessWidth = $tp.find('.ui-slider-access:eq(0)').outerWidth(true);
  608. if(sliderAccessWidth){
  609. $tp.find('table:visible').each(function(){
  610. var $g = $(this),
  611. oldWidth = $g.outerWidth(),
  612. oldMarginLeft = $g.css('marginLeft').toString().replace('%',''),
  613. newWidth = oldWidth - sliderAccessWidth,
  614. newMarginLeft = ((oldMarginLeft * newWidth)/oldWidth) + '%';
  615.  
  616. $g.css({ width: newWidth, marginLeft: newMarginLeft });
  617. });
  618. }
  619. }
  620. },0);
  621. }
  622. // end slideAccess integration
  623.  
  624. }
  625. },
  626.  
  627. //########################################################################
  628. // This function tries to limit the ability to go outside the
  629. // min/max date range
  630. //########################################################################
  631. _limitMinMaxDateTime: function(dp_inst, adjustSliders){
  632. var o = this._defaults,
  633. dp_date = new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay);
  634.  
  635. if(!this._defaults.showTimepicker) { return; } // No time so nothing to check here
  636.  
  637. if($.datepicker._get(dp_inst, 'minDateTime') !== null && $.datepicker._get(dp_inst, 'minDateTime') !== undefined && dp_date){
  638. var minDateTime = $.datepicker._get(dp_inst, 'minDateTime'),
  639. minDateTimeDate = new Date(minDateTime.getFullYear(), minDateTime.getMonth(), minDateTime.getDate(), 0, 0, 0, 0);
  640.  
  641. if(this.hourMinOriginal === null || this.minuteMinOriginal === null || this.secondMinOriginal === null || this.millisecMinOriginal === null){
  642. this.hourMinOriginal = o.hourMin;
  643. this.minuteMinOriginal = o.minuteMin;
  644. this.secondMinOriginal = o.secondMin;
  645. this.millisecMinOriginal = o.millisecMin;
  646. }
  647.  
  648. if(dp_inst.settings.timeOnly || minDateTimeDate.getTime() == dp_date.getTime()) {
  649. this._defaults.hourMin = minDateTime.getHours();
  650. if (this.hour <= this._defaults.hourMin) {
  651. this.hour = this._defaults.hourMin;
  652. this._defaults.minuteMin = minDateTime.getMinutes();
  653. if (this.minute <= this._defaults.minuteMin) {
  654. this.minute = this._defaults.minuteMin;
  655. this._defaults.secondMin = minDateTime.getSeconds();
  656. } else if (this.second <= this._defaults.secondMin){
  657. this.second = this._defaults.secondMin;
  658. this._defaults.millisecMin = minDateTime.getMilliseconds();
  659. } else {
  660. if(this.millisec < this._defaults.millisecMin) {
  661. this.millisec = this._defaults.millisecMin;
  662. }
  663. this._defaults.millisecMin = this.millisecMinOriginal;
  664. }
  665. } else {
  666. this._defaults.minuteMin = this.minuteMinOriginal;
  667. this._defaults.secondMin = this.secondMinOriginal;
  668. this._defaults.millisecMin = this.millisecMinOriginal;
  669. }
  670. }else{
  671. this._defaults.hourMin = this.hourMinOriginal;
  672. this._defaults.minuteMin = this.minuteMinOriginal;
  673. this._defaults.secondMin = this.secondMinOriginal;
  674. this._defaults.millisecMin = this.millisecMinOriginal;
  675. }
  676. }
  677.  
  678. if($.datepicker._get(dp_inst, 'maxDateTime') !== null && $.datepicker._get(dp_inst, 'maxDateTime') !== undefined && dp_date){
  679. var maxDateTime = $.datepicker._get(dp_inst, 'maxDateTime'),
  680. maxDateTimeDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), maxDateTime.getDate(), 0, 0, 0, 0);
  681.  
  682. if(this.hourMaxOriginal === null || this.minuteMaxOriginal === null || this.secondMaxOriginal === null){
  683. this.hourMaxOriginal = o.hourMax;
  684. this.minuteMaxOriginal = o.minuteMax;
  685. this.secondMaxOriginal = o.secondMax;
  686. this.millisecMaxOriginal = o.millisecMax;
  687. }
  688.  
  689. if(dp_inst.settings.timeOnly || maxDateTimeDate.getTime() == dp_date.getTime()){
  690. this._defaults.hourMax = maxDateTime.getHours();
  691. if (this.hour >= this._defaults.hourMax) {
  692. this.hour = this._defaults.hourMax;
  693. this._defaults.minuteMax = maxDateTime.getMinutes();
  694. if (this.minute >= this._defaults.minuteMax) {
  695. this.minute = this._defaults.minuteMax;
  696. this._defaults.secondMax = maxDateTime.getSeconds();
  697. } else if (this.second >= this._defaults.secondMax) {
  698. this.second = this._defaults.secondMax;
  699. this._defaults.millisecMax = maxDateTime.getMilliseconds();
  700. } else {
  701. if(this.millisec > this._defaults.millisecMax) { this.millisec = this._defaults.millisecMax; }
  702. this._defaults.millisecMax = this.millisecMaxOriginal;
  703. }
  704. } else {
  705. this._defaults.minuteMax = this.minuteMaxOriginal;
  706. this._defaults.secondMax = this.secondMaxOriginal;
  707. this._defaults.millisecMax = this.millisecMaxOriginal;
  708. }
  709. }else{
  710. this._defaults.hourMax = this.hourMaxOriginal;
  711. this._defaults.minuteMax = this.minuteMaxOriginal;
  712. this._defaults.secondMax = this.secondMaxOriginal;
  713. this._defaults.millisecMax = this.millisecMaxOriginal;
  714. }
  715. }
  716.  
  717. if(adjustSliders !== undefined && adjustSliders === true){
  718. var hourMax = parseInt((this._defaults.hourMax - ((this._defaults.hourMax - this._defaults.hourMin) % this._defaults.stepHour)) ,10),
  719. minMax = parseInt((this._defaults.minuteMax - ((this._defaults.minuteMax - this._defaults.minuteMin) % this._defaults.stepMinute)) ,10),
  720. secMax = parseInt((this._defaults.secondMax - ((this._defaults.secondMax - this._defaults.secondMin) % this._defaults.stepSecond)) ,10),
  721. millisecMax = parseInt((this._defaults.millisecMax - ((this._defaults.millisecMax - this._defaults.millisecMin) % this._defaults.stepMillisec)) ,10);
  722.  
  723. if(this.hour_slider) {
  724. this.hour_slider.slider("option", { min: this._defaults.hourMin, max: hourMax }).slider('value', this.hour);
  725. }
  726. if(this.minute_slider) {
  727. this.minute_slider.slider("option", { min: this._defaults.minuteMin, max: minMax }).slider('value', this.minute);
  728. }
  729. if(this.second_slider){
  730. this.second_slider.slider("option", { min: this._defaults.secondMin, max: secMax }).slider('value', this.second);
  731. }
  732. if(this.millisec_slider) {
  733. this.millisec_slider.slider("option", { min: this._defaults.millisecMin, max: millisecMax }).slider('value', this.millisec);
  734. }
  735. }
  736.  
  737. },
  738.  
  739.  
  740. //########################################################################
  741. // when a slider moves, set the internal time...
  742. // on time change is also called when the time is updated in the text field
  743. //########################################################################
  744. _onTimeChange: function() {
  745. var hour = (this.hour_slider) ? this.hour_slider.slider('value') : false,
  746. minute = (this.minute_slider) ? this.minute_slider.slider('value') : false,
  747. second = (this.second_slider) ? this.second_slider.slider('value') : false,
  748. millisec = (this.millisec_slider) ? this.millisec_slider.slider('value') : false,
  749. timezone = (this.timezone_select) ? this.timezone_select.val() : false,
  750. o = this._defaults;
  751.  
  752. if (typeof(hour) == 'object') { hour = false; }
  753. if (typeof(minute) == 'object') { minute = false; }
  754. if (typeof(second) == 'object') { second = false; }
  755. if (typeof(millisec) == 'object') { millisec = false; }
  756. if (typeof(timezone) == 'object') { timezone = false; }
  757.  
  758. if (hour !== false) { hour = parseInt(hour,10); }
  759. if (minute !== false) { minute = parseInt(minute,10); }
  760. if (second !== false) { second = parseInt(second,10); }
  761. if (millisec !== false) { millisec = parseInt(millisec,10); }
  762.  
  763. var ampm = o[hour < 12 ? 'amNames' : 'pmNames'][0];
  764.  
  765. // If the update was done in the input field, the input field should not be updated.
  766. // If the update was done using the sliders, update the input field.
  767. var hasChanged = (hour != this.hour || minute != this.minute ||
  768. second != this.second || millisec != this.millisec ||
  769. (this.ampm.length > 0 &&
  770. (hour < 12) != ($.inArray(this.ampm.toUpperCase(), this.amNames) !== -1)) ||
  771. timezone != this.timezone);
  772.  
  773. if (hasChanged) {
  774.  
  775. if (hour !== false) { this.hour = hour; }
  776. if (minute !== false) { this.minute = minute; }
  777. if (second !== false) { this.second = second; }
  778. if (millisec !== false) { this.millisec = millisec; }
  779. if (timezone !== false) { this.timezone = timezone; }
  780.  
  781. if (!this.inst) { this.inst = $.datepicker._getInst(this.$input[0]); }
  782.  
  783. this._limitMinMaxDateTime(this.inst, true);
  784. }
  785. if (o.ampm) { this.ampm = ampm; }
  786.  
  787. //this._formatTime();
  788. this.formattedTime = $.datepicker.formatTime(this._defaults.timeFormat, this, this._defaults);
  789. if (this.$timeObj) { this.$timeObj.text(this.formattedTime + o.timeSuffix); }
  790. this.timeDefined = true;
  791. if (hasChanged) { this._updateDateTime(); }
  792. },
  793.  
  794. //########################################################################
  795. // call custom onSelect.
  796. // bind to sliders slidestop, and grid click.
  797. //########################################################################
  798. _onSelectHandler: function() {
  799. var onSelect = this._defaults.onSelect;
  800. var inputEl = this.$input ? this.$input[0] : null;
  801. if (onSelect && inputEl) {
  802. onSelect.apply(inputEl, [this.formattedDateTime, this]);
  803. }
  804. },
  805.  
  806. //########################################################################
  807. // left for any backwards compatibility
  808. //########################################################################
  809. _formatTime: function(time, format) {
  810. time = time || { hour: this.hour, minute: this.minute, second: this.second, millisec: this.millisec, ampm: this.ampm, timezone: this.timezone };
  811. var tmptime = (format || this._defaults.timeFormat).toString();
  812.  
  813. tmptime = $.datepicker.formatTime(tmptime, time, this._defaults);
  814.  
  815. if (arguments.length) { return tmptime; }
  816. else { this.formattedTime = tmptime; }
  817. },
  818.  
  819. //########################################################################
  820. // update our input with the new date time..
  821. //########################################################################
  822. _updateDateTime: function(dp_inst) {
  823. dp_inst = this.inst || dp_inst;
  824. var dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
  825. dateFmt = $.datepicker._get(dp_inst, 'dateFormat'),
  826. formatCfg = $.datepicker._getFormatConfig(dp_inst),
  827. timeAvailable = dt !== null && this.timeDefined;
  828. this.formattedDate = $.datepicker.formatDate(dateFmt, (dt === null ? new Date() : dt), formatCfg);
  829. var formattedDateTime = this.formattedDate;
  830. // remove following lines to force every changes in date picker to change the input value
  831. // Bug descriptions: when an input field has a default value, and click on the field to pop up the date picker.
  832. // If the user manually empty the value in the input field, the date picker will never change selected value.
  833. //if (dp_inst.lastVal !== undefined && (dp_inst.lastVal.length > 0 && this.$input.val().length === 0)) {
  834. // return;
  835. //}
  836.  
  837. if (this._defaults.timeOnly === true) {
  838. formattedDateTime = this.formattedTime;
  839. } else if (this._defaults.timeOnly !== true && (this._defaults.alwaysSetTime || timeAvailable)) {
  840. formattedDateTime += this._defaults.separator + this.formattedTime + this._defaults.timeSuffix;
  841. }
  842.  
  843. this.formattedDateTime = formattedDateTime;
  844.  
  845. if(!this._defaults.showTimepicker) {
  846. this.$input.val(this.formattedDate);
  847. } else if (this.$altInput && this._defaults.altFieldTimeOnly === true) {
  848. this.$altInput.val(this.formattedTime);
  849. this.$input.val(this.formattedDate);
  850. } else if(this.$altInput) {
  851. this.$altInput.val(formattedDateTime);
  852. this.$input.val(formattedDateTime);
  853. } else {
  854. this.$input.val(formattedDateTime);
  855. }
  856.  
  857. this.$input.trigger("change");
  858. }
  859.  
  860. });
  861.  
  862. $.fn.extend({
  863. //########################################################################
  864. // shorthand just to use timepicker..
  865. //########################################################################
  866. timepicker: function(o) {
  867. o = o || {};
  868. var tmp_args = arguments;
  869.  
  870. if (typeof o == 'object') { tmp_args[0] = $.extend(o, { timeOnly: true }); }
  871.  
  872. return $(this).each(function() {
  873. $.fn.datetimepicker.apply($(this), tmp_args);
  874. });
  875. },
  876.  
  877. //########################################################################
  878. // extend timepicker to datepicker
  879. //########################################################################
  880. datetimepicker: function(o) {
  881. o = o || {};
  882. var tmp_args = arguments;
  883.  
  884. if (typeof(o) == 'string'){
  885. if(o == 'getDate') {
  886. return $.fn.datepicker.apply($(this[0]), tmp_args);
  887. }
  888. else {
  889. return this.each(function() {
  890. var $t = $(this);
  891. $t.datepicker.apply($t, tmp_args);
  892. });
  893. }
  894. }
  895. else {
  896. return this.each(function() {
  897. var $t = $(this);
  898. $t.datepicker($.timepicker._newInst($t, o)._defaults);
  899. });
  900. }
  901. }
  902. });
  903.  
  904. $.datepicker.parseDateTime = function(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) {
  905. var parseRes = parseDateTimeInternal(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings);
  906. if (parseRes.timeObj)
  907. {
  908. var t = parseRes.timeObj;
  909. parseRes.date.setHours(t.hour, t.minute, t.second, t.millisec);
  910. }
  911.  
  912. return parseRes.date;
  913. };
  914.  
  915. $.datepicker.parseTime = function(timeFormat, timeString, options) {
  916.  
  917. //########################################################################
  918. // pattern for standard and localized AM/PM markers
  919. //########################################################################
  920. var getPatternAmpm = function(amNames, pmNames) {
  921. var markers = [];
  922. if (amNames) {
  923. $.merge(markers, amNames);
  924. }
  925. if (pmNames) {
  926. $.merge(markers, pmNames);
  927. }
  928. markers = $.map(markers, function(val) { return val.replace(/[.*+?|()\[\]{}\\]/g, '\\$&'); });
  929. return '(' + markers.join('|') + ')?';
  930. };
  931.  
  932. //########################################################################
  933. // figure out position of time elements.. cause js cant do named captures
  934. //########################################################################
  935. var getFormatPositions = function( timeFormat ) {
  936. var finds = timeFormat.toLowerCase().match(/(h{1,2}|m{1,2}|s{1,2}|l{1}|t{1,2}|z)/g),
  937. orders = { h: -1, m: -1, s: -1, l: -1, t: -1, z: -1 };
  938.  
  939. if (finds) {
  940. for (var i = 0; i < finds.length; i++) {
  941. if (orders[finds[i].toString().charAt(0)] == -1) {
  942. orders[finds[i].toString().charAt(0)] = i + 1;
  943. }
  944. }
  945. }
  946. return orders;
  947. };
  948.  
  949. var o = extendRemove(extendRemove({}, $.timepicker._defaults), options || {});
  950.  
  951. var regstr = '^' + timeFormat.toString()
  952. .replace(/h{1,2}/ig, '(\\d?\\d)')
  953. .replace(/m{1,2}/ig, '(\\d?\\d)')
  954. .replace(/s{1,2}/ig, '(\\d?\\d)')
  955. .replace(/l{1}/ig, '(\\d?\\d?\\d)')
  956. .replace(/t{1,2}/ig, getPatternAmpm(o.amNames, o.pmNames))
  957. .replace(/z{1}/ig, '(z|[-+]\\d\\d:?\\d\\d)?')
  958. .replace(/\s/g, '\\s?') + o.timeSuffix + '$',
  959. order = getFormatPositions(timeFormat),
  960. ampm = '',
  961. treg;
  962.  
  963. treg = timeString.match(new RegExp(regstr, 'i'));
  964.  
  965. var resTime = {hour: 0, minute: 0, second: 0, millisec: 0};
  966.  
  967. if (treg) {
  968. if (order.t !== -1) {
  969. if (treg[order.t] === undefined || treg[order.t].length === 0) {
  970. ampm = '';
  971. resTime.ampm = '';
  972. } else {
  973. ampm = $.inArray(treg[order.t], o.amNames) !== -1 ? 'AM' : 'PM';
  974. resTime.ampm = o[ampm == 'AM' ? 'amNames' : 'pmNames'][0];
  975. }
  976. }
  977.  
  978. if (order.h !== -1) {
  979. if (ampm == 'AM' && treg[order.h] == '12') {
  980. resTime.hour = 0; // 12am = 0 hour
  981. } else {
  982. if (ampm == 'PM' && treg[order.h] != '12') {
  983. resTime.hour = parseInt(treg[order.h],10) + 12; // 12pm = 12 hour, any other pm = hour + 12
  984. }
  985. else { resTime.hour = Number(treg[order.h]); }
  986. }
  987. }
  988.  
  989. if (order.m !== -1) { resTime.minute = Number(treg[order.m]); }
  990. if (order.s !== -1) { resTime.second = Number(treg[order.s]); }
  991. if (order.l !== -1) { resTime.millisec = Number(treg[order.l]); }
  992. if (order.z !== -1 && treg[order.z] !== undefined) {
  993. var tz = treg[order.z].toUpperCase();
  994. switch (tz.length) {
  995. case 1: // Z
  996. tz = o.timezoneIso8601 ? 'Z' : '+0000';
  997. break;
  998. case 5: // +hhmm
  999. if (o.timezoneIso8601) {
  1000. tz = tz.substring(1) == '0000' ?
  1001. 'Z' :
  1002. tz.substring(0, 3) + ':' + tz.substring(3);
  1003. }
  1004. break;
  1005. case 6: // +hh:mm
  1006. if (!o.timezoneIso8601) {
  1007. tz = tz == 'Z' || tz.substring(1) == '00:00' ?
  1008. '+0000' :
  1009. tz.replace(/:/, '');
  1010. } else {
  1011. if (tz.substring(1) == '00:00') {
  1012. tz = 'Z';
  1013. }
  1014. }
  1015. break;
  1016. }
  1017. resTime.timezone = tz;
  1018. }
  1019.  
  1020.  
  1021. return resTime;
  1022. }
  1023.  
  1024. return false;
  1025. };
  1026.  
  1027. //########################################################################
  1028. // format the time all pretty...
  1029. // format = string format of the time
  1030. // time = a {}, not a Date() for timezones
  1031. // options = essentially the regional[].. amNames, pmNames, ampm
  1032. //########################################################################
  1033. $.datepicker.formatTime = function(format, time, options) {
  1034. options = options || {};
  1035. options = $.extend($.timepicker._defaults, options);
  1036. time = $.extend({hour:0, minute:0, second:0, millisec:0, timezone:'+0000'}, time);
  1037.  
  1038. var tmptime = format;
  1039. var ampmName = options.amNames[0];
  1040.  
  1041. var hour = parseInt(time.hour, 10);
  1042. if (options.ampm) {
  1043. if (hour > 11){
  1044. ampmName = options.pmNames[0];
  1045. if(hour > 12) {
  1046. hour = hour % 12;
  1047. }
  1048. }
  1049. if (hour === 0) {
  1050. hour = 12;
  1051. }
  1052. }
  1053. tmptime = tmptime.replace(/(?:hh?|mm?|ss?|[tT]{1,2}|[lz])/g, function(match) {
  1054. switch (match.toLowerCase()) {
  1055. case 'hh': return ('0' + hour).slice(-2);
  1056. case 'h': return hour;
  1057. case 'mm': return ('0' + time.minute).slice(-2);
  1058. case 'm': return time.minute;
  1059. case 'ss': return ('0' + time.second).slice(-2);
  1060. case 's': return time.second;
  1061. case 'l': return ('00' + time.millisec).slice(-3);
  1062. case 'z': return time.timezone;
  1063. case 't': case 'tt':
  1064. if (options.ampm) {
  1065. if (match.length == 1) {
  1066. ampmName = ampmName.charAt(0);
  1067. }
  1068. return match.charAt(0) == 'T' ? ampmName.toUpperCase() : ampmName.toLowerCase();
  1069. }
  1070. return '';
  1071. }
  1072. });
  1073.  
  1074. tmptime = $.trim(tmptime);
  1075. return tmptime;
  1076. };
  1077.  
  1078. //########################################################################
  1079. // the bad hack :/ override datepicker so it doesnt close on select
  1080. // inspired: http://stackoverflow.com/questions/1252512/jquery-datepicker-prevent-closing-picker-when-clicking-a-date/1762378#1762378
  1081. //########################################################################
  1082. $.datepicker._base_selectDate = $.datepicker._selectDate;
  1083. $.datepicker._selectDate = function (id, dateStr) {
  1084. var inst = this._getInst($(id)[0]),
  1085. tp_inst = this._get(inst, 'timepicker');
  1086.  
  1087. if (tp_inst) {
  1088. tp_inst._limitMinMaxDateTime(inst, true);
  1089. inst.inline = inst.stay_open = true;
  1090. //This way the onSelect handler called from calendarpicker get the full dateTime
  1091. this._base_selectDate(id, dateStr);
  1092. inst.inline = inst.stay_open = false;
  1093. this._notifyChange(inst);
  1094. this._updateDatepicker(inst);
  1095. }
  1096. else { this._base_selectDate(id, dateStr); }
  1097. };
  1098.  
  1099. //#############################################################################################
  1100. // second bad hack :/ override datepicker so it triggers an event when changing the input field
  1101. // and does not redraw the datepicker on every selectDate event
  1102. //#############################################################################################
  1103. $.datepicker._base_updateDatepicker = $.datepicker._updateDatepicker;
  1104. $.datepicker._updateDatepicker = function(inst) {
  1105.  
  1106. // don't popup the datepicker if there is another instance already opened
  1107. var input = inst.input[0];
  1108. if($.datepicker._curInst &&
  1109. $.datepicker._curInst != inst &&
  1110. $.datepicker._datepickerShowing &&
  1111. $.datepicker._lastInput != input) {
  1112. return;
  1113. }
  1114.  
  1115. if (typeof(inst.stay_open) !== 'boolean' || inst.stay_open === false) {
  1116.  
  1117. this._base_updateDatepicker(inst);
  1118.  
  1119. // Reload the time control when changing something in the input text field.
  1120. var tp_inst = this._get(inst, 'timepicker');
  1121. if(tp_inst) {
  1122. tp_inst._addTimePicker(inst);
  1123.  
  1124. if (tp_inst._defaults.useLocalTimezone) { //checks daylight saving with the new date.
  1125. var date = new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay, 12);
  1126. selectLocalTimeZone(tp_inst, date);
  1127. tp_inst._onTimeChange();
  1128. }
  1129. }
  1130. }
  1131. };
  1132.  
  1133. //#######################################################################################
  1134. // third bad hack :/ override datepicker so it allows spaces and colon in the input field
  1135. //#######################################################################################
  1136. $.datepicker._base_doKeyPress = $.datepicker._doKeyPress;
  1137. $.datepicker._doKeyPress = function(event) {
  1138. var inst = $.datepicker._getInst(event.target),
  1139. tp_inst = $.datepicker._get(inst, 'timepicker');
  1140.  
  1141. if (tp_inst) {
  1142. if ($.datepicker._get(inst, 'constrainInput')) {
  1143. var ampm = tp_inst._defaults.ampm,
  1144. dateChars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat')),
  1145. datetimeChars = tp_inst._defaults.timeFormat.toString()
  1146. .replace(/[hms]/g, '')
  1147. .replace(/TT/g, ampm ? 'APM' : '')
  1148. .replace(/Tt/g, ampm ? 'AaPpMm' : '')
  1149. .replace(/tT/g, ampm ? 'AaPpMm' : '')
  1150. .replace(/T/g, ampm ? 'AP' : '')
  1151. .replace(/tt/g, ampm ? 'apm' : '')
  1152. .replace(/t/g, ampm ? 'ap' : '') +
  1153. " " +
  1154. tp_inst._defaults.separator +
  1155. tp_inst._defaults.timeSuffix +
  1156. (tp_inst._defaults.showTimezone ? tp_inst._defaults.timezoneList.join('') : '') +
  1157. (tp_inst._defaults.amNames.join('')) +
  1158. (tp_inst._defaults.pmNames.join('')) +
  1159. dateChars,
  1160. chr = String.fromCharCode(event.charCode === undefined ? event.keyCode : event.charCode);
  1161. return event.ctrlKey || (chr < ' ' || !dateChars || datetimeChars.indexOf(chr) > -1);
  1162. }
  1163. }
  1164.  
  1165. return $.datepicker._base_doKeyPress(event);
  1166. };
  1167.  
  1168. //#######################################################################################
  1169. // Override key up event to sync manual input changes.
  1170. //#######################################################################################
  1171. $.datepicker._base_doKeyUp = $.datepicker._doKeyUp;
  1172. $.datepicker._doKeyUp = function (event) {
  1173. var inst = $.datepicker._getInst(event.target),
  1174. tp_inst = $.datepicker._get(inst, 'timepicker');
  1175.  
  1176. if (tp_inst) {
  1177. if (tp_inst._defaults.timeOnly && (inst.input.val() != inst.lastVal)) {
  1178. try {
  1179. $.datepicker._updateDatepicker(inst);
  1180. }
  1181. catch (err) {
  1182. $.datepicker.log(err);
  1183. }
  1184. }
  1185. }
  1186.  
  1187. return $.datepicker._base_doKeyUp(event);
  1188. };
  1189.  
  1190. //#######################################################################################
  1191. // override "Today" button to also grab the time.
  1192. //#######################################################################################
  1193. $.datepicker._base_gotoToday = $.datepicker._gotoToday;
  1194. $.datepicker._gotoToday = function(id) {
  1195. var inst = this._getInst($(id)[0]),
  1196. $dp = inst.dpDiv;
  1197. this._base_gotoToday(id);
  1198. var tp_inst = this._get(inst, 'timepicker');
  1199. selectLocalTimeZone(tp_inst);
  1200. var now = new Date();
  1201. this._setTime(inst, now);
  1202. $( '.ui-datepicker-today', $dp).click();
  1203. };
  1204.  
  1205. //#######################################################################################
  1206. // Disable & enable the Time in the datetimepicker
  1207. //#######################################################################################
  1208. $.datepicker._disableTimepickerDatepicker = function(target) {
  1209. var inst = this._getInst(target);
  1210. if (!inst) { return; }
  1211.  
  1212. var tp_inst = this._get(inst, 'timepicker');
  1213. $(target).datepicker('getDate'); // Init selected[Year|Month|Day]
  1214. if (tp_inst) {
  1215. tp_inst._defaults.showTimepicker = false;
  1216. tp_inst._updateDateTime(inst);
  1217. }
  1218. };
  1219.  
  1220. $.datepicker._enableTimepickerDatepicker = function(target) {
  1221. var inst = this._getInst(target);
  1222. if (!inst) { return; }
  1223.  
  1224. var tp_inst = this._get(inst, 'timepicker');
  1225. $(target).datepicker('getDate'); // Init selected[Year|Month|Day]
  1226. if (tp_inst) {
  1227. tp_inst._defaults.showTimepicker = true;
  1228. tp_inst._addTimePicker(inst); // Could be disabled on page load
  1229. tp_inst._updateDateTime(inst);
  1230. }
  1231. };
  1232.  
  1233. //#######################################################################################
  1234. // Create our own set time function
  1235. //#######################################################################################
  1236. $.datepicker._setTime = function(inst, date) {
  1237. var tp_inst = this._get(inst, 'timepicker');
  1238. if (tp_inst) {
  1239. var defaults = tp_inst._defaults,
  1240. // calling _setTime with no date sets time to defaults
  1241. hour = date ? date.getHours() : defaults.hour,
  1242. minute = date ? date.getMinutes() : defaults.minute,
  1243. second = date ? date.getSeconds() : defaults.second,
  1244. millisec = date ? date.getMilliseconds() : defaults.millisec;
  1245. //check if within min/max times..
  1246. // correct check if within min/max times.
  1247. // Rewritten by Scott A. Woodward
  1248. var hourEq = hour === defaults.hourMin,
  1249. minuteEq = minute === defaults.minuteMin,
  1250. secondEq = second === defaults.secondMin;
  1251. var reset = false;
  1252. if(hour < defaults.hourMin || hour > defaults.hourMax)
  1253. reset = true;
  1254. else if( (minute < defaults.minuteMin || minute > defaults.minuteMax) && hourEq)
  1255. reset = true;
  1256. else if( (second < defaults.secondMin || second > defaults.secondMax ) && hourEq && minuteEq)
  1257. reset = true;
  1258. else if( (millisec < defaults.millisecMin || millisec > defaults.millisecMax) && hourEq && minuteEq && secondEq)
  1259. reset = true;
  1260. if(reset) {
  1261. hour = defaults.hourMin;
  1262. minute = defaults.minuteMin;
  1263. second = defaults.secondMin;
  1264. millisec = defaults.millisecMin;
  1265. }
  1266. tp_inst.hour = hour;
  1267. tp_inst.minute = minute;
  1268. tp_inst.second = second;
  1269. tp_inst.millisec = millisec;
  1270. if (tp_inst.hour_slider) tp_inst.hour_slider.slider('value', hour);
  1271. if (tp_inst.minute_slider) tp_inst.minute_slider.slider('value', minute);
  1272. if (tp_inst.second_slider) tp_inst.second_slider.slider('value', second);
  1273. if (tp_inst.millisec_slider) tp_inst.millisec_slider.slider('value', millisec);
  1274.  
  1275. tp_inst._onTimeChange();
  1276. tp_inst._updateDateTime(inst);
  1277. }
  1278. };
  1279.  
  1280. //#######################################################################################
  1281. // Create new public method to set only time, callable as $().datepicker('setTime', date)
  1282. //#######################################################################################
  1283. $.datepicker._setTimeDatepicker = function(target, date, withDate) {
  1284. var inst = this._getInst(target);
  1285. if (!inst) { return; }
  1286.  
  1287. var tp_inst = this._get(inst, 'timepicker');
  1288.  
  1289. if (tp_inst) {
  1290. this._setDateFromField(inst);
  1291. var tp_date;
  1292. if (date) {
  1293. if (typeof date == "string") {
  1294. tp_inst._parseTime(date, withDate);
  1295. tp_date = new Date();
  1296. tp_date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec);
  1297. }
  1298. else { tp_date = new Date(date.getTime()); }
  1299. if (tp_date.toString() == 'Invalid Date') { tp_date = undefined; }
  1300. this._setTime(inst, tp_date);
  1301. }
  1302. }
  1303.  
  1304. };
  1305.  
  1306. //#######################################################################################
  1307. // override setDate() to allow setting time too within Date object
  1308. //#######################################################################################
  1309. $.datepicker._base_setDateDatepicker = $.datepicker._setDateDatepicker;
  1310. $.datepicker._setDateDatepicker = function(target, date) {
  1311. var inst = this._getInst(target);
  1312. if (!inst) { return; }
  1313.  
  1314. var tp_date = (date instanceof Date) ? new Date(date.getTime()) : date;
  1315.  
  1316. this._updateDatepicker(inst);
  1317. this._base_setDateDatepicker.apply(this, arguments);
  1318. this._setTimeDatepicker(target, tp_date, true);
  1319. };
  1320.  
  1321. //#######################################################################################
  1322. // override getDate() to allow getting time too within Date object
  1323. //#######################################################################################
  1324. $.datepicker._base_getDateDatepicker = $.datepicker._getDateDatepicker;
  1325. $.datepicker._getDateDatepicker = function(target, noDefault) {
  1326. var inst = this._getInst(target);
  1327. if (!inst) { return; }
  1328.  
  1329. var tp_inst = this._get(inst, 'timepicker');
  1330.  
  1331. if (tp_inst) {
  1332. this._setDateFromField(inst, noDefault);
  1333. var date = this._getDate(inst);
  1334. if (date && tp_inst._parseTime($(target).val(), tp_inst.timeOnly)) { date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec); }
  1335. return date;
  1336. }
  1337. return this._base_getDateDatepicker(target, noDefault);
  1338. };
  1339.  
  1340. //#######################################################################################
  1341. // override parseDate() because UI 1.8.14 throws an error about "Extra characters"
  1342. // An option in datapicker to ignore extra format characters would be nicer.
  1343. //#######################################################################################
  1344. $.datepicker._base_parseDate = $.datepicker.parseDate;
  1345. $.datepicker.parseDate = function(format, value, settings) {
  1346. var splitRes = splitDateTime(format, value, settings);
  1347. return $.datepicker._base_parseDate(format, splitRes[0], settings);
  1348. };
  1349.  
  1350. //#######################################################################################
  1351. // override formatDate to set date with time to the input
  1352. //#######################################################################################
  1353. $.datepicker._base_formatDate = $.datepicker._formatDate;
  1354. $.datepicker._formatDate = function(inst, day, month, year){
  1355. var tp_inst = this._get(inst, 'timepicker');
  1356. if(tp_inst) {
  1357. tp_inst._updateDateTime(inst);
  1358. return tp_inst.$input.val();
  1359. }
  1360. return this._base_formatDate(inst);
  1361. };
  1362.  
  1363. //#######################################################################################
  1364. // override options setter to add time to maxDate(Time) and minDate(Time). MaxDate
  1365. //#######################################################################################
  1366. $.datepicker._base_optionDatepicker = $.datepicker._optionDatepicker;
  1367. $.datepicker._optionDatepicker = function(target, name, value) {
  1368. var inst = this._getInst(target);
  1369. if (!inst) { return null; }
  1370.  
  1371. var tp_inst = this._get(inst, 'timepicker');
  1372. if (tp_inst) {
  1373. var min = null, max = null, onselect = null;
  1374. if (typeof name == 'string') { // if min/max was set with the string
  1375. if (name === 'minDate' || name === 'minDateTime' ) {
  1376. min = value;
  1377. }
  1378. else {
  1379. if (name === 'maxDate' || name === 'maxDateTime') {
  1380. max = value;
  1381. }
  1382. else {
  1383. if (name === 'onSelect') {
  1384. onselect = value;
  1385. }
  1386. }
  1387. }
  1388. } else {
  1389. if (typeof name == 'object') { //if min/max was set with the JSON
  1390. if (name.minDate) {
  1391. min = name.minDate;
  1392. } else {
  1393. if (name.minDateTime) {
  1394. min = name.minDateTime;
  1395. } else {
  1396. if (name.maxDate) {
  1397. max = name.maxDate;
  1398. } else {
  1399. if (name.maxDateTime) {
  1400. max = name.maxDateTime;
  1401. }
  1402. }
  1403. }
  1404. }
  1405. }
  1406. }
  1407. if(min) { //if min was set
  1408. if (min === 0) {
  1409. min = new Date();
  1410. } else {
  1411. min = new Date(min);
  1412. }
  1413.  
  1414. tp_inst._defaults.minDate = min;
  1415. tp_inst._defaults.minDateTime = min;
  1416. } else if (max) { //if max was set
  1417. if(max===0) {
  1418. max=new Date();
  1419. } else {
  1420. max= new Date(max);
  1421. }
  1422. tp_inst._defaults.maxDate = max;
  1423. tp_inst._defaults.maxDateTime = max;
  1424. } else if (onselect) {
  1425. tp_inst._defaults.onSelect = onselect;
  1426. }
  1427. }
  1428. if (value === undefined) {
  1429. return this._base_optionDatepicker(target, name);
  1430. }
  1431. return this._base_optionDatepicker(target, name, value);
  1432. };
  1433.  
  1434. //#######################################################################################
  1435. // jQuery extend now ignores nulls!
  1436. //#######################################################################################
  1437. function extendRemove(target, props) {
  1438. $.extend(target, props);
  1439. for (var name in props) {
  1440. if (props[name] === null || props[name] === undefined) {
  1441. target[name] = props[name];
  1442. }
  1443. }
  1444. return target;
  1445. }
  1446.  
  1447. //#######################################################################################
  1448. // Splits datetime string into date ans time substrings.
  1449. // Throws exception when date can't be parsed
  1450. // If only date is present, time substring eill be ''
  1451. //#######################################################################################
  1452. var splitDateTime = function(dateFormat, dateTimeString, dateSettings)
  1453. {
  1454. try {
  1455. var date = $.datepicker._base_parseDate(dateFormat, dateTimeString, dateSettings);
  1456. } catch (err) {
  1457. if (err.indexOf(":") >= 0) {
  1458. // Hack! The error message ends with a colon, a space, and
  1459. // the "extra" characters. We rely on that instead of
  1460. // attempting to perfectly reproduce the parsing algorithm.
  1461. var dateStringLength = dateTimeString.length-(err.length-err.indexOf(':')-2);
  1462. var timeString = dateTimeString.substring(dateStringLength);
  1463.  
  1464. return [dateTimeString.substring(0, dateStringLength), dateTimeString.substring(dateStringLength)];
  1465.  
  1466. } else {
  1467. throw err;
  1468. }
  1469. }
  1470. return [dateTimeString, ''];
  1471. };
  1472.  
  1473. //#######################################################################################
  1474. // Internal function to parse datetime interval
  1475. // Returns: {date: Date, timeObj: Object}, where
  1476. // date - parsed date without time (type Date)
  1477. // timeObj = {hour: , minute: , second: , millisec: } - parsed time. Optional
  1478. //#######################################################################################
  1479. var parseDateTimeInternal = function(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings)
  1480. {
  1481. var date;
  1482. var splitRes = splitDateTime(dateFormat, dateTimeString, dateSettings);
  1483. date = $.datepicker._base_parseDate(dateFormat, splitRes[0], dateSettings);
  1484. if (splitRes[1] !== '')
  1485. {
  1486. var timeString = splitRes[1];
  1487. var separator = timeSettings && timeSettings.separator ? timeSettings.separator : $.timepicker._defaults.separator;
  1488. if ( timeString.indexOf(separator) !== 0) {
  1489. throw 'Missing time separator';
  1490. }
  1491. timeString = timeString.substring(separator.length);
  1492. var parsedTime = $.datepicker.parseTime(timeFormat, timeString, timeSettings);
  1493. if (parsedTime === null) {
  1494. throw 'Wrong time format';
  1495. }
  1496. return {date: date, timeObj: parsedTime};
  1497. } else {
  1498. return {date: date};
  1499. }
  1500. };
  1501.  
  1502. //#######################################################################################
  1503. // Internal function to set timezone_select to the local timezone
  1504. //#######################################################################################
  1505. var selectLocalTimeZone = function(tp_inst, date)
  1506. {
  1507. if (tp_inst && tp_inst.timezone_select) {
  1508. tp_inst._defaults.useLocalTimezone = true;
  1509. var now = typeof date !== 'undefined' ? date : new Date();
  1510. var tzoffset = timeZoneString(now);
  1511. if (tp_inst._defaults.timezoneIso8601) {
  1512. tzoffset = tzoffset.substring(0, 3) + ':' + tzoffset.substring(3);
  1513. }
  1514. tp_inst.timezone_select.val(tzoffset);
  1515. }
  1516. };
  1517.  
  1518. // Input: Date Object
  1519. // Output: String with timezone offset, e.g. '+0100'
  1520. var timeZoneString = function(date)
  1521. {
  1522. var off = date.getTimezoneOffset() * -10100 / 60;
  1523. var timezone = (off >= 0 ? '+' : '-') + Math.abs(off).toString().substr(1);
  1524. return timezone;
  1525. };
  1526.  
  1527. $.timepicker = new Timepicker(); // singleton instance
  1528. $.timepicker.version = "1.0.1";
  1529.  
  1530. })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!