Skip to content

E
edx-platform
Commit e5d73107 by Christina Roberts
Options

Merge pull request #1254 from MITx/bug/dhm/jan13 

update timepicker to fix minutes bug
parents b3af587b 04582f4e
Showing with 175 additions and 89 deletions
common/static/js/vendor/timepicker/jquery.timepicker.css
.ui-timepicker-list { .ui-timepicker-list {
overflow-y: auto; overflow-y: auto;
height: 150px; height: 150px;
width: 7.5em; width: 6.5em;
background: #fff; background: #fff;
border: 1px solid #8891a1; border: 1px solid #ddd;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow:0 5px 10px rgba(0,0,0,0.2);
outline: none; outline: none;
z-index: 100001; z-index: 10001;
font-size: 12px;
} }
.ui-timepicker-list.ui-timepicker-with-duration { .ui-timepicker-list.ui-timepicker-with-duration {
......
common/static/js/vendor/timepicker/jquery.timepicker.js 100755 → 100644
...@@ -2,16 +2,22 @@ ...@@ -2,16 +2,22 @@
jquery-timepicker jquery-timepicker
http://jonthornton.github.com/jquery-timepicker/ http://jonthornton.github.com/jquery-timepicker/
requires jQuery 1.6+ requires jQuery 1.7+
version: 1.2.2
************************/ ************************/
!(function($) (function (factory) {
{ if (typeof define === 'function' && define.amd) {
var _baseDate = new Date(); _baseDate.setHours(0); _baseDate.setMinutes(0); _baseDate.setSeconds(0); // AMD. Register as an anonymous module.
define(['jquery'], factory);
} else {
// Browser globals
factory(jQuery);
}
}(function ($) {
var _baseDate = _generateBaseDate();
var _ONE_DAY = 86400; var _ONE_DAY = 86400;
var _closeEvent = 'ontouchstart' in document ? 'touchstart' : 'mousedown';
var _defaults = { var _defaults = {
className: null, className: null,
minTime: null, minTime: null,
...@@ -22,7 +28,9 @@ version: 1.2.2 ...@@ -22,7 +28,9 @@ version: 1.2.2
timeFormat: 'g:ia', timeFormat: 'g:ia',
scrollDefaultNow: false, scrollDefaultNow: false,
scrollDefaultTime: false, scrollDefaultTime: false,
selectOnBlur: false selectOnBlur: false,
forceRoundTime: false,
appendTo: 'body'
}; };
var _lang = { var _lang = {
decimal: '.', decimal: '.',
...@@ -30,6 +38,7 @@ version: 1.2.2 ...@@ -30,6 +38,7 @@ version: 1.2.2
hr: 'hr', hr: 'hr',
hrs: 'hrs' hrs: 'hrs'
}; };
var globalInit = false;
var methods = var methods =
{ {
...@@ -78,31 +87,45 @@ version: 1.2.2 ...@@ -78,31 +87,45 @@ version: 1.2.2
self.data('timepicker-settings', settings); self.data('timepicker-settings', settings);
self.attr('autocomplete', 'off'); self.attr('autocomplete', 'off');
self.click(methods.show).focus(methods.show).blur(_formatValue).keydown(_keyhandler); self.on('click.timepicker focus.timepicker', methods.show);
self.on('blur.timepicker', _formatValue);
self.on('keydown.timepicker', _keyhandler);
self.addClass('ui-timepicker-input'); self.addClass('ui-timepicker-input');
if (self.val()) { _formatValue.call(self.get(0));
var prettyTime = _int2time(_time2int(self.val()), settings.timeFormat);
self.val(prettyTime);
}
// close the dropdown when container loses focus
$("body").attr("tabindex", -1).focusin(function(e) {
if ($(e.target).closest('.ui-timepicker-input').length == 0 && $(e.target).closest('.ui-timepicker-list').length == 0) {
methods.hide();
}
});
if (!globalInit) {
// close the dropdown when container loses focus
$('body').on(_closeEvent, function(e) {
var target = $(e.target);
var input = target.closest('.ui-timepicker-input');
if (input.length === 0 && target.closest('.ui-timepicker-list').length === 0) {
methods.hide();
}
});
globalInit = true;
}
}); });
}, },
show: function(e) show: function(e)
{ {
var self = $(this); var self = $(this);
if ('ontouchstart' in document) {
// block the keyboard on mobile devices
self.blur();
}
var list = self.data('timepicker-list'); var list = self.data('timepicker-list');
// check if input is readonly
if (self.attr('readonly')) {
return;
}
// check if list needs to be rendered // check if list needs to be rendered
if (!list || list.length == 0) { if (!list || list.length === 0) {
_render(self); _render(self);
list = self.data('timepicker-list'); list = self.data('timepicker-list');
} }
...@@ -121,16 +144,12 @@ version: 1.2.2 ...@@ -121,16 +144,12 @@ version: 1.2.2
// make sure other pickers are hidden // make sure other pickers are hidden
methods.hide(); methods.hide();
var topMargin = parseInt(self.css('marginTop').slice(0, -2));
if (!topMargin) topMargin = 0; // correct for IE returning "auto"
if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) { if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) {
// position the dropdown on top // position the dropdown on top
list.css({ 'left':(self.offset().left), 'top': self.offset().top + topMargin - list.outerHeight() }); list.css({ 'left':(self.offset().left), 'top': self.offset().top - list.outerHeight() });
} else { } else {
// put it under the input // put it under the input
list.css({ 'left':(self.offset().left), 'top': self.offset().top + topMargin + self.outerHeight() }); list.css({ 'left':(self.offset().left), 'top': self.offset().top + self.outerHeight() });
} }
list.show(); list.show();
...@@ -140,13 +159,13 @@ version: 1.2.2 ...@@ -140,13 +159,13 @@ version: 1.2.2
var selected = list.find('.ui-timepicker-selected'); var selected = list.find('.ui-timepicker-selected');
if (!selected.length) { if (!selected.length) {
if (self.val()) { if (self.val()) {
selected = _findRow(self, list, _time2int(self.val())); selected = _findRow(self, list, _time2int(self.val()));
} else if (settings.minTime === null && settings.scrollDefaultNow) { } else if (settings.scrollDefaultNow) {
selected = _findRow(self, list, _time2int(new Date())); selected = _findRow(self, list, _time2int(new Date()));
} else if (settings.scrollDefaultTime !== false) { } else if (settings.scrollDefaultTime !== false) {
selected = _findRow(self, list, _time2int(settings.scrollDefaultTime)); selected = _findRow(self, list, _time2int(settings.scrollDefaultTime));
} }
} }
if (selected && selected.length) { if (selected && selected.length) {
...@@ -165,7 +184,8 @@ version: 1.2.2 ...@@ -165,7 +184,8 @@ version: 1.2.2
var list = $(this); var list = $(this);
var self = list.data('timepicker-input'); var self = list.data('timepicker-input');
var settings = self.data('timepicker-settings'); var settings = self.data('timepicker-settings');
if (settings.selectOnBlur) {
if (settings && settings.selectOnBlur) {
_selectValue(self); _selectValue(self);
} }
...@@ -226,8 +246,29 @@ version: 1.2.2 ...@@ -226,8 +246,29 @@ version: 1.2.2
var self = $(this); var self = $(this);
var prettyTime = _int2time(_time2int(value), self.data('timepicker-settings').timeFormat); var prettyTime = _int2time(_time2int(value), self.data('timepicker-settings').timeFormat);
self.val(prettyTime); self.val(prettyTime);
} },
remove: function()
{
var self = $(this);
// check if this element is a timepicker
if (!self.hasClass('ui-timepicker-input')) {
return;
}
self.removeAttr('autocomplete', 'off');
self.removeClass('ui-timepicker-input');
self.removeData('timepicker-settings');
self.off('.timepicker');
// timepicker-list won't be present unless the user has interacted with this timepicker
if (self.data('timepicker-list')) {
self.data('timepicker-list').remove();
}
self.removeData('timepicker-list');
}
}; };
// private methods // private methods
...@@ -251,7 +292,7 @@ version: 1.2.2 ...@@ -251,7 +292,7 @@ version: 1.2.2
list.css({'display':'none', 'position': 'absolute' }); list.css({'display':'none', 'position': 'absolute' });
if (settings.minTime !== null && settings.showDuration) { if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) {
list.addClass('ui-timepicker-with-duration'); list.addClass('ui-timepicker-with-duration');
} }
...@@ -267,14 +308,14 @@ version: 1.2.2 ...@@ -267,14 +308,14 @@ version: 1.2.2
for (var i=start; i <= end; i += settings.step*60) { for (var i=start; i <= end; i += settings.step*60) {
var timeInt = i%_ONE_DAY; var timeInt = i%_ONE_DAY;
var row = $('<li />'); var row = $('<li />');
row.data('time', timeInt) row.data('time', timeInt);
row.text(_int2time(timeInt, settings.timeFormat)); row.text(_int2time(timeInt, settings.timeFormat));
if (settings.minTime !== null && settings.showDuration) { if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) {
var duration = $('<span />'); var duration = $('<span />');
duration.addClass('ui-timepicker-duration'); duration.addClass('ui-timepicker-duration');
duration.text(' ('+_int2duration(i - durStart)+')'); duration.text(' ('+_int2duration(i - durStart)+')');
row.append(duration) row.append(duration);
} }
list.append(row); list.append(row);
...@@ -283,10 +324,16 @@ version: 1.2.2 ...@@ -283,10 +324,16 @@ version: 1.2.2
list.data('timepicker-input', self); list.data('timepicker-input', self);
self.data('timepicker-list', list); self.data('timepicker-list', list);
$('body').append(list); var appendTo = settings.appendTo;
if (typeof appendTo === 'string') {
appendTo = $(appendTo);
} else if (typeof appendTo === 'function') {
appendTo = appendTo(self);
}
appendTo.append(list);
_setSelected(self, list); _setSelected(self, list);
list.delegate('li', 'click', { 'timepicker': self }, function(e) { list.on('click', 'li', function(e) {
self.addClass('ui-timepicker-hideme'); self.addClass('ui-timepicker-hideme');
self[0].focus(); self[0].focus();
...@@ -297,7 +344,17 @@ version: 1.2.2 ...@@ -297,7 +344,17 @@ version: 1.2.2
_selectValue(self); _selectValue(self);
list.hide(); list.hide();
}); });
}; }
function _generateBaseDate()
{
var _baseDate = new Date();
var _currentTimezoneOffset = _baseDate.getTimezoneOffset()*60000;
_baseDate.setHours(0); _baseDate.setMinutes(0); _baseDate.setSeconds(0);
var _baseDateTimezoneOffset = _baseDate.getTimezoneOffset()*60000;
return new Date(_baseDate.valueOf() - _baseDateTimezoneOffset + _currentTimezoneOffset);
}
function _findRow(self, list, value) function _findRow(self, list, value)
{ {
...@@ -307,13 +364,16 @@ version: 1.2.2 ...@@ -307,13 +364,16 @@ version: 1.2.2
var settings = self.data('timepicker-settings'); var settings = self.data('timepicker-settings');
var out = false; var out = false;
var halfStep = settings.step*30;
// loop through the menu items // loop through the menu items
list.find('li').each(function(i, obj) { list.find('li').each(function(i, obj) {
var jObj = $(obj); var jObj = $(obj);
var offset = jObj.data('time') - value;
// check if the value is less than half a step from each row // check if the value is less than half a step from each row
if (Math.abs(jObj.data('time') - value) <= settings.step*30) { if (Math.abs(offset) < halfStep || offset == halfStep) {
out = jObj; out = jObj;
return false; return false;
} }
...@@ -333,12 +393,33 @@ version: 1.2.2 ...@@ -333,12 +393,33 @@ version: 1.2.2
function _formatValue() function _formatValue()
{ {
if (this.value == '') { if (this.value === '') {
return; return;
} }
var self = $(this); var self = $(this);
var prettyTime = _int2time(_time2int(this.value), self.data('timepicker-settings').timeFormat); var seconds = _time2int(this.value);
if (seconds === null) {
self.trigger('timeFormatError');
return;
}
var settings = self.data('timepicker-settings');
if (settings.forceRoundTime) {
var offset = seconds % (settings.step*60); // step is in minutes
if (offset >= settings.step*30) {
// if offset is larger than a half step, round up
seconds += (settings.step*60) - offset;
} else {
// round down
seconds -= offset;
}
}
var prettyTime = _int2time(seconds, settings.timeFormat);
self.val(prettyTime); self.val(prettyTime);
} }
...@@ -353,7 +434,7 @@ version: 1.2.2 ...@@ -353,7 +434,7 @@ version: 1.2.2
} else { } else {
return true; return true;
} }
}; }
switch (e.keyCode) { switch (e.keyCode) {
...@@ -362,13 +443,11 @@ version: 1.2.2 ...@@ -362,13 +443,11 @@ version: 1.2.2
methods.hide.apply(this); methods.hide.apply(this);
e.preventDefault(); e.preventDefault();
return false; return false;
break;
case 38: // up case 38: // up
var selected = list.find('.ui-timepicker-selected'); var selected = list.find('.ui-timepicker-selected');
if (!selected.length) { if (!selected.length) {
var selected;
list.children().each(function(i, obj) { list.children().each(function(i, obj) {
if ($(obj).position().top > 0) { if ($(obj).position().top > 0) {
selected = $(obj); selected = $(obj);
...@@ -389,10 +468,9 @@ version: 1.2.2 ...@@ -389,10 +468,9 @@ version: 1.2.2
break; break;
case 40: // down case 40: // down
var selected = list.find('.ui-timepicker-selected'); selected = list.find('.ui-timepicker-selected');
if (selected.length == 0) { if (selected.length === 0) {
var selected;
list.children().each(function(i, obj) { list.children().each(function(i, obj) {
if ($(obj).position().top > 0) { if ($(obj).position().top > 0) {
selected = $(obj); selected = $(obj);
...@@ -417,7 +495,10 @@ version: 1.2.2 ...@@ -417,7 +495,10 @@ version: 1.2.2
list.hide(); list.hide();
break; break;
case 9: case 9: //tab
methods.hide();
break;
case 16: case 16:
case 17: case 17:
case 18: case 18:
...@@ -436,11 +517,11 @@ version: 1.2.2 ...@@ -436,11 +517,11 @@ version: 1.2.2
list.find('li').removeClass('ui-timepicker-selected'); list.find('li').removeClass('ui-timepicker-selected');
return; return;
} }
}; }
function _selectValue(self) function _selectValue(self)
{ {
var settings = self.data('timepicker-settings') var settings = self.data('timepicker-settings');
var list = self.data('timepicker-list'); var list = self.data('timepicker-list');
var timeValue = null; var timeValue = null;
...@@ -448,12 +529,12 @@ version: 1.2.2 ...@@ -448,12 +529,12 @@ version: 1.2.2
if (cursor.length) { if (cursor.length) {
// selected value found // selected value found
var timeValue = cursor.data('time'); timeValue = cursor.data('time');
} else if (self.val()) { } else if (self.val()) {
// no selected value; fall back on input value // no selected value; fall back on input value
var timeValue = _time2int(self.val()); timeValue = _time2int(self.val());
_setSelected(self, list); _setSelected(self, list);
} }
...@@ -464,14 +545,14 @@ version: 1.2.2 ...@@ -464,14 +545,14 @@ version: 1.2.2
} }
self.trigger('change').trigger('changeTime'); self.trigger('change').trigger('changeTime');
}; }
function _int2duration(seconds) function _int2duration(seconds)
{ {
var minutes = Math.round(seconds/60); var minutes = Math.round(seconds/60);
var duration; var duration;
if (minutes < 60) { if (Math.abs(minutes) < 60) {
duration = [minutes, _lang.mins]; duration = [minutes, _lang.mins];
} else if (minutes == 60) { } else if (minutes == 60) {
duration = ['1', _lang.hr]; duration = ['1', _lang.hr];
...@@ -482,16 +563,21 @@ version: 1.2.2 ...@@ -482,16 +563,21 @@ version: 1.2.2
} }
return duration.join(' '); return duration.join(' ');
}; }
function _int2time(seconds, format) function _int2time(seconds, format)
{ {
if (seconds === null) {
return;
}
var time = new Date(_baseDate.valueOf() + (seconds*1000)); var time = new Date(_baseDate.valueOf() + (seconds*1000));
var output = ''; var output = '';
var hour, code;
for (var i=0; i<format.length; i++) { for (var i=0; i<format.length; i++) {
var code = format.charAt(i); code = format.charAt(i);
switch (code) { switch (code) {
case 'a': case 'a':
...@@ -503,8 +589,8 @@ version: 1.2.2 ...@@ -503,8 +589,8 @@ version: 1.2.2
break; break;
case 'g': case 'g':
var hour = time.getHours() % 12; hour = time.getHours() % 12;
output += (hour == 0) ? '12' : hour; output += (hour === 0) ? '12' : hour;
break; break;
case 'G': case 'G':
...@@ -512,17 +598,17 @@ version: 1.2.2 ...@@ -512,17 +598,17 @@ version: 1.2.2
break; break;
case 'h': case 'h':
var hour = time.getHours() % 12; hour = time.getHours() % 12;
if (hour != 0 && hour < 10) { if (hour !== 0 && hour < 10) {
hour = '0'+hour; hour = '0'+hour;
} }
output += (hour == 0) ? '12' : hour; output += (hour === 0) ? '12' : hour;
break; break;
case 'H': case 'H':
var hour = time.getHours(); hour = time.getHours();
output += (hour > 9) ? hour : '0'+hour; output += (hour > 9) ? hour : '0'+hour;
break; break;
...@@ -532,7 +618,7 @@ version: 1.2.2 ...@@ -532,7 +618,7 @@ version: 1.2.2
break; break;
case 's': case 's':
var seconds = time.getSeconds(); seconds = time.getSeconds();
output += (seconds > 9) ? seconds : '0'+seconds; output += (seconds > 9) ? seconds : '0'+seconds;
break; break;
...@@ -542,40 +628,42 @@ version: 1.2.2 ...@@ -542,40 +628,42 @@ version: 1.2.2
} }
return output; return output;
}; }
function _time2int(timeString) function _time2int(timeString)
{ {
if (timeString == '') return null; if (timeString === '') return null;
if (timeString+0 == timeString) return timeString; if (timeString+0 == timeString) return timeString;
if (typeof(timeString) == 'object') { if (typeof(timeString) == 'object') {
timeString = timeString.getHours()+':'+timeString.getMinutes(); timeString = timeString.getHours()+':'+timeString.getMinutes()+':'+timeString.getSeconds();
} }
var d = new Date(0); var d = new Date(0);
var time = timeString.toLowerCase().match(/(\d+)(?::(\d\d))?\s*([pa]?)/); var time = timeString.toLowerCase().match(/(\d{1,2})(?::(\d{1,2}))?(?::(\d{2}))?\s*([pa]?)/);
if (!time) { if (!time) {
return null; return null;
} }
var hour = parseInt(time[1]*1); var hour = parseInt(time[1]*1, 10);
var hours;
if (time[3]) { if (time[4]) {
if (hour == 12) { if (hour == 12) {
var hours = (time[3] == 'p') ? 12 : 0; hours = (time[4] == 'p') ? 12 : 0;
} else { } else {
var hours = (hour + (time[3] == 'p' ? 12 : 0)); hours = (hour + (time[4] == 'p' ? 12 : 0));
} }
} else { } else {
var hours = hour; hours = hour;
} }
var minutes = ( time[2]*1 || 0 ); var minutes = ( time[2]*1 || 0 );
return hours*3600 + minutes*60; var seconds = ( time[3]*1 || 0 );
}; return hours*3600 + minutes*60 + seconds;
}
// Plugin entry // Plugin entry
$.fn.timepicker = function(method) $.fn.timepicker = function(method)
...@@ -584,4 +672,4 @@ version: 1.2.2 ...@@ -584,4 +672,4 @@ version: 1.2.2
else if(typeof method === "object" || !method) { return methods.init.apply(this, arguments); } else if(typeof method === "object" || !method) { return methods.init.apply(this, arguments); }
else { $.error("Method "+ method + " does not exist on jQuery.timepicker"); } else { $.error("Method "+ method + " does not exist on jQuery.timepicker"); }
}; };
})(jQuery); }));
\ No newline at end of file
common/static/js/vendor/timepicker/jquery.timepicker.min.js
!function(e){function o(t){var r=t.data("timepicker-settings"),i=t.data("timepicker-list");i&&i.length&&(i.remove(),t.data("timepicker-list",!1)),i=e("<ul />"),i.attr("tabindex",-1),i.addClass("ui-timepicker-list"),r.className&&i.addClass(r.className),i.css({display:"none",position:"absolute"}),r.minTime!==null&&r.showDuration&&i.addClass("ui-timepicker-with-duration");var s=r.durationTime!==null?r.durationTime:r.minTime,o=r.minTime!==null?r.minTime:0,u=r.maxTime!==null?r.maxTime:o+n-1;u<=o&&(u+=n);for(var f=o;f<=u;f+=r.step*60){var l=f%n,d=e("<li />");d.data("time",l),d.text(p(l,r.timeFormat));if(r.minTime!==null&&r.showDuration){var v=e("<span />");v.addClass("ui-timepicker-duration"),v.text(" ("+h(f-s)+")"),d.append(v)}i.append(d)}i.data("timepicker-input",t),t.data("timepicker-list",i),e("body").append(i),a(t,i),i.delegate("li","click",{timepicker:t},function(n){t.addClass("ui-timepicker-hideme"),t[0].focus(),i.find("li").removeClass("ui-timepicker-selected"),e(this).addClass("ui-timepicker-selected"),c(t),i.hide()})}function u(t,n,r){if(!r&&r!==0)return!1;var i=t.data("timepicker-settings"),s=!1;return n.find("li").each(function(t,n){var o=e(n);if(Math.abs(o.data("time")-r)<=i.step*30)return s=o,!1}),s}function a(e,t){var n=d(e.val()),r=u(e,t,n);r&&r.addClass("ui-timepicker-selected")}function f(){if(this.value=="")return;var t=e(this),n=p(d(this.value),t.data("timepicker-settings").timeFormat);t.val(n)}function l(t){var n=e(this),r=n.data("timepicker-list");if(!r.is(":visible")){if(t.keyCode!=40)return!0;n.focus()}switch(t.keyCode){case 13:return c(n),s.hide.apply(this),t.preventDefault(),!1;case 38:var i=r.find(".ui-timepicker-selected");if(!i.length){var i;r.children().each(function(t,n){if(e(n).position().top>0)return i=e(n),!1}),i.addClass("ui-timepicker-selected")}else i.is(":first-child")||(i.removeClass("ui-timepicker-selected"),i.prev().addClass("ui-timepicker-selected"),i.prev().position().top<i.outerHeight()&&r.scrollTop(r.scrollTop()-i.outerHeight()));break;case 40:var i=r.find(".ui-timepicker-selected");if(i.length==0){var i;r.children().each(function(t,n){if(e(n).position().top>0)return i=e(n),!1}),i.addClass("ui-timepicker-selected")}else i.is(":last-child")||(i.removeClass("ui-timepicker-selected"),i.next().addClass("ui-timepicker-selected"),i.next().position().top+2*i.outerHeight()>r.outerHeight()&&r.scrollTop(r.scrollTop()+i.outerHeight()));break;case 27:r.find("li").removeClass("ui-timepicker-selected"),r.hide();break;case 9:case 16:case 17:case 18:case 19:case 20:case 33:case 34:case 35:case 36:case 37:case 39:case 45:return;default:r.find("li").removeClass("ui-timepicker-selected");return}}function c(e){var t=e.data("timepicker-settings"),n=e.data("timepicker-list"),r=null,i=n.find(".ui-timepicker-selected");if(i.length)var r=i.data("time");else if(e.val()){var r=d(e.val());a(e,n)}if(r!==null){var s=p(r,t.timeFormat);e.attr("value",s)}e.trigger("change").trigger("changeTime")}function h(e){var t=Math.round(e/60),n;if(t<60)n=[t,i.mins];else if(t==60)n=["1",i.hr];else{var r=(t/60).toFixed(1);i.decimal!="."&&(r=r.replace(".",i.decimal)),n=[r,i.hrs]}return n.join(" ")}function p(e,n){var r=new Date(t.valueOf()+e*1e3),i="";for(var s=0;s<n.length;s++){var o=n.charAt(s);switch(o){case"a":i+=r.getHours()>11?"pm":"am";break;case"A":i+=r.getHours()>11?"PM":"AM";break;case"g":var u=r.getHours()%12;i+=u==0?"12":u;break;case"G":i+=r.getHours();break;case"h":var u=r.getHours()%12;u!=0&&u<10&&(u="0"+u),i+=u==0?"12":u;break;case"H":var u=r.getHours();i+=u>9?u:"0"+u;break;case"i":var a=r.getMinutes();i+=a>9?a:"0"+a;break;case"s":var e=r.getSeconds();i+=e>9?e:"0"+e;break;default:i+=o}}return i}function d(e){if(e=="")return null;if(e+0==e)return e;typeof e=="object"&&(e=e.getHours()+":"+e.getMinutes());var t=new Date(0),n=e.toLowerCase().match(/(\d+)(?::(\d\d))?\s*([pa]?)/);if(!n)return null;var r=parseInt(n[1]*1);if(n[3])if(r==12)var i=n[3]=="p"?12:0;else var i=r+(n[3]=="p"?12:0);else var i=r;var s=n[2]*1||0;return i*3600+s*60}var t=new Date;t.setHours(0),t.setMinutes(0),t.setSeconds(0);var n=86400,r={className:null,minTime:null,maxTime:null,durationTime:null,step:30,showDuration:!1,timeFormat:"g:ia",scrollDefaultNow:!1,scrollDefaultTime:!1,selectOnBlur:!1},i={decimal:".",mins:"mins",hr:"hr",hrs:"hrs"},s={init:function(t){return this.each(function(){var n=e(this);if(n[0].tagName=="SELECT"){var o=e("<input />"),u={type:"text",value:n.val()},a=n[0].attributes;for(var c=0;c<a.length;c++)u[a[c].nodeName]=a[c].nodeValue;o.attr(u),n.replaceWith(o),n=o}var h=e.extend({},r);t&&(h=e.extend(h,t)),h.minTime&&(h.minTime=d(h.minTime)),h.maxTime&&(h.maxTime=d(h.maxTime)),h.durationTime&&(h.durationTime=d(h.durationTime)),h.lang&&(i=e.extend(i,h.lang)),n.data("timepicker-settings",h),n.attr("autocomplete","off"),n.click(s.show).focus(s.show).blur(f).keydown(l),n.addClass("ui-timepicker-input");if(n.val()){var v=p(d(n.val()),h.timeFormat);n.val(v)}e("body").attr("tabindex",-1).focusin(function(t){e(t.target).closest(".ui-timepicker-input").length==0&&e(t.target).closest(".ui-timepicker-list").length==0&&s.hide()})})},show:function(t){var n=e(this),r=n.data("timepicker-list");if(!r||r.length==0)o(n),r=n.data("timepicker-list");if(n.hasClass("ui-timepicker-hideme")){n.removeClass("ui-timepicker-hideme"),r.hide();return}if(r.is(":visible"))return;s.hide();var i=parseInt(n.css("marginTop").slice(0,-2));i||(i=0),n.offset().top+n.outerHeight(!0)+r.outerHeight()>e(window).height()+e(window).scrollTop()?r.css({left:n.offset().left,top:n.offset().top+i-r.outerHeight()}):r.css({left:n.offset().left,top:n.offset().top+i+n.outerHeight()}),r.show();var a=n.data("timepicker-settings"),f=r.find(".ui-timepicker-selected");f.length||(n.val()?f=u(n,r,d(n.val())):a.minTime===null&&a.scrollDefaultNow?f=u(n,r,d(new Date)):a.scrollDefaultTime!==!1&&(f=u(n,r,d(a.scrollDefaultTime))));if(f&&f.length){var l=r.scrollTop()+f.position().top-f.outerHeight();r.scrollTop(l)}else r.scrollTop(0);n.trigger("showTimepicker")},hide:function(t){e(".ui-timepicker-list:visible").each(function(){var t=e(this),n=t.data("timepicker-input"),r=n.data("timepicker-settings");r.selectOnBlur&&c(n),t.hide(),n.trigger("hideTimepicker")})},option:function(t,n){var r=e(this),i=r.data("timepicker-settings"),s=r.data("timepicker-list");if(typeof t=="object")i=e.extend(i,t);else if(typeof t=="string"&&typeof n!="undefined")i[t]=n;else if(typeof t=="string")return i[t];i.minTime&&(i.minTime=d(i.minTime)),i.maxTime&&(i.maxTime=d(i.maxTime)),i.durationTime&&(i.durationTime=d(i.durationTime)),r.data("timepicker-settings",i),s&&(s.remove(),r.data("timepicker-list",!1))},getSecondsFromMidnight:function(){return d(e(this).val())},getTime:function(){return new Date(t.valueOf()+d(e(this).val())*1e3)},setTime:function(t){var n=e(this),r=p(d(t),n.data("timepicker-settings").timeFormat);n.val(r)}};e.fn.timepicker=function(t){if(s[t])return s[t].apply(this,Array.prototype.slice.call(arguments,1));if(typeof t=="object"||!t)return s.init.apply(this,arguments);e.error("Method "+t+" does not exist on jQuery.timepicker")}}(jQuery) (function(e){typeof define=="function"&&define.amd?define(["jquery"],e):e(jQuery)})(function(e){function a(t){var r=t.data("timepicker-settings"),i=t.data("timepicker-list");i&&i.length&&(i.remove(),t.data("timepicker-list",!1)),i=e("<ul />"),i.attr("tabindex",-1),i.addClass("ui-timepicker-list"),r.className&&i.addClass(r.className),i.css({display:"none",position:"absolute"}),(r.minTime!==null||r.durationTime!==null)&&r.showDuration&&i.addClass("ui-timepicker-with-duration");var s=r.durationTime!==null?r.durationTime:r.minTime,o=r.minTime!==null?r.minTime:0,u=r.maxTime!==null?r.maxTime:o+n-1;u<=o&&(u+=n);for(var a=o;a<=u;a+=r.step*60){var f=a%n,l=e("<li />");l.data("time",f),l.text(m(f,r.timeFormat));if((r.minTime!==null||r.durationTime!==null)&&r.showDuration){var h=e("<span />");h.addClass("ui-timepicker-duration"),h.text(" ("+v(a-s)+")"),l.append(h)}i.append(l)}i.data("timepicker-input",t),t.data("timepicker-list",i);var p=r.appendTo;typeof p=="string"?p=e(p):typeof p=="function"&&(p=p(t)),p.append(i),c(t,i),i.on("click","li",function(n){t.addClass("ui-timepicker-hideme"),t[0].focus(),i.find("li").removeClass("ui-timepicker-selected"),e(this).addClass("ui-timepicker-selected"),d(t),i.hide()})}function f(){var e=new Date,t=e.getTimezoneOffset()*6e4;e.setHours(0),e.setMinutes(0),e.setSeconds(0);var n=e.getTimezoneOffset()*6e4;return new Date(e.valueOf()-n+t)}function l(t,n,r){if(!r&&r!==0)return!1;var i=t.data("timepicker-settings"),s=!1,o=i.step*30;return n.find("li").each(function(t,n){var i=e(n),u=i.data("time")-r;if(Math.abs(u)<o||u==o)return s=i,!1}),s}function c(e,t){var n=g(e.val()),r=l(e,t,n);r&&r.addClass("ui-timepicker-selected")}function h(){if(this.value==="")return;var t=e(this),n=g(this.value);if(n===null){t.trigger("timeFormatError");return}var r=t.data("timepicker-settings");if(r.forceRoundTime){var i=n%(r.step*60);i>=r.step*30?n+=r.step*60-i:n-=i}var s=m(n,r.timeFormat);t.val(s)}function p(t){var n=e(this),r=n.data("timepicker-list");if(!r.is(":visible")){if(t.keyCode!=40)return!0;n.focus()}switch(t.keyCode){case 13:return d(n),u.hide.apply(this),t.preventDefault(),!1;case 38:var i=r.find(".ui-timepicker-selected");i.length?i.is(":first-child")||(i.removeClass("ui-timepicker-selected"),i.prev().addClass("ui-timepicker-selected"),i.prev().position().top<i.outerHeight()&&r.scrollTop(r.scrollTop()-i.outerHeight())):(r.children().each(function(t,n){if(e(n).position().top>0)return i=e(n),!1}),i.addClass("ui-timepicker-selected"));break;case 40:i=r.find(".ui-timepicker-selected"),i.length===0?(r.children().each(function(t,n){if(e(n).position().top>0)return i=e(n),!1}),i.addClass("ui-timepicker-selected")):i.is(":last-child")||(i.removeClass("ui-timepicker-selected"),i.next().addClass("ui-timepicker-selected"),i.next().position().top+2*i.outerHeight()>r.outerHeight()&&r.scrollTop(r.scrollTop()+i.outerHeight()));break;case 27:r.find("li").removeClass("ui-timepicker-selected"),r.hide();break;case 9:u.hide();break;case 16:case 17:case 18:case 19:case 20:case 33:case 34:case 35:case 36:case 37:case 39:case 45:return;default:r.find("li").removeClass("ui-timepicker-selected");return}}function d(e){var t=e.data("timepicker-settings"),n=e.data("timepicker-list"),r=null,i=n.find(".ui-timepicker-selected");i.length?r=i.data("time"):e.val()&&(r=g(e.val()),c(e,n));if(r!==null){var s=m(r,t.timeFormat);e.attr("value",s)}e.trigger("change").trigger("changeTime")}function v(e){var t=Math.round(e/60),n;if(Math.abs(t)<60)n=[t,s.mins];else if(t==60)n=["1",s.hr];else{var r=(t/60).toFixed(1);s.decimal!="."&&(r=r.replace(".",s.decimal)),n=[r,s.hrs]}return n.join(" ")}function m(e,n){if(e===null)return;var r=new Date(t.valueOf()+e*1e3),i="",s,o;for(var u=0;u<n.length;u++){o=n.charAt(u);switch(o){case"a":i+=r.getHours()>11?"pm":"am";break;case"A":i+=r.getHours()>11?"PM":"AM";break;case"g":s=r.getHours()%12,i+=s===0?"12":s;break;case"G":i+=r.getHours();break;case"h":s=r.getHours()%12,s!==0&&s<10&&(s="0"+s),i+=s===0?"12":s;break;case"H":s=r.getHours(),i+=s>9?s:"0"+s;break;case"i":var a=r.getMinutes();i+=a>9?a:"0"+a;break;case"s":e=r.getSeconds(),i+=e>9?e:"0"+e;break;default:i+=o}}return i}function g(e){if(e==="")return null;if(e+0==e)return e;typeof e=="object"&&(e=e.getHours()+":"+e.getMinutes()+":"+e.getSeconds());var t=new Date(0),n=e.toLowerCase().match(/(\d{1,2})(?::(\d{1,2}))?(?::(\d{2}))?\s*([pa]?)/);if(!n)return null;var r=parseInt(n[1]*1,10),i;n[4]?r==12?i=n[4]=="p"?12:0:i=r+(n[4]=="p"?12:0):i=r;var s=n[2]*1||0,o=n[3]*1||0;return i*3600+s*60+o}var t=f(),n=86400,r="ontouchstart"in document?"touchstart":"mousedown",i={className:null,minTime:null,maxTime:null,durationTime:null,step:30,showDuration:!1,timeFormat:"g:ia",scrollDefaultNow:!1,scrollDefaultTime:!1,selectOnBlur:!1,forceRoundTime:!1,appendTo:"body"},s={decimal:".",mins:"mins",hr:"hr",hrs:"hrs"},o=!1,u={init:function(t){return this.each(function(){var n=e(this);if(n[0].tagName=="SELECT"){var a=e("<input />"),f={type:"text",value:n.val()},l=n[0].attributes;for(var c=0;c<l.length;c++)f[l[c].nodeName]=l[c].nodeValue;a.attr(f),n.replaceWith(a),n=a}var d=e.extend({},i);t&&(d=e.extend(d,t)),d.minTime&&(d.minTime=g(d.minTime)),d.maxTime&&(d.maxTime=g(d.maxTime)),d.durationTime&&(d.durationTime=g(d.durationTime)),d.lang&&(s=e.extend(s,d.lang)),n.data("timepicker-settings",d),n.attr("autocomplete","off"),n.on("click.timepicker focus.timepicker",u.show),n.on("blur.timepicker",h),n.on("keydown.timepicker",p),n.addClass("ui-timepicker-input"),h.call(n.get(0)),o||(e("body").on(r,function(t){var n=e(t.target),r=n.closest(".ui-timepicker-input");r.length===0&&n.closest(".ui-timepicker-list").length===0&&u.hide()}),o=!0)})},show:function(t){var n=e(this);"ontouchstart"in document&&n.blur();var r=n.data("timepicker-list");if(n.attr("readonly"))return;if(!r||r.length===0)a(n),r=n.data("timepicker-list");if(n.hasClass("ui-timepicker-hideme")){n.removeClass("ui-timepicker-hideme"),r.hide();return}if(r.is(":visible"))return;u.hide(),n.offset().top+n.outerHeight(!0)+r.outerHeight()>e(window).height()+e(window).scrollTop()?r.css({left:n.offset().left,top:n.offset().top-r.outerHeight()}):r.css({left:n.offset().left,top:n.offset().top+n.outerHeight()}),r.show();var i=n.data("timepicker-settings"),s=r.find(".ui-timepicker-selected");s.length||(n.val()?s=l(n,r,g(n.val())):i.scrollDefaultNow?s=l(n,r,g(new Date)):i.scrollDefaultTime!==!1&&(s=l(n,r,g(i.scrollDefaultTime))));if(s&&s.length){var o=r.scrollTop()+s.position().top-s.outerHeight();r.scrollTop(o)}else r.scrollTop(0);n.trigger("showTimepicker")},hide:function(t){e(".ui-timepicker-list:visible").each(function(){var t=e(this),n=t.data("timepicker-input"),r=n.data("timepicker-settings");r&&r.selectOnBlur&&d(n),t.hide(),n.trigger("hideTimepicker")})},option:function(t,n){var r=e(this),i=r.data("timepicker-settings"),s=r.data("timepicker-list");if(typeof t=="object")i=e.extend(i,t);else if(typeof t=="string"&&typeof n!="undefined")i[t]=n;else if(typeof t=="string")return i[t];i.minTime&&(i.minTime=g(i.minTime)),i.maxTime&&(i.maxTime=g(i.maxTime)),i.durationTime&&(i.durationTime=g(i.durationTime)),r.data("timepicker-settings",i),s&&(s.remove(),r.data("timepicker-list",!1))},getSecondsFromMidnight:function(){return g(e(this).val())},getTime:function(){return new Date(t.valueOf()+g(e(this).val())*1e3)},setTime:function(t){var n=e(this),r=m(g(t),n.data("timepicker-settings").timeFormat);n.val(r)},remove:function(){var t=e(this);if(!t.hasClass("ui-timepicker-input"))return;t.removeAttr("autocomplete","off"),t.removeClass("ui-timepicker-input"),t.removeData("timepicker-settings"),t.off(".timepicker"),t.data("timepicker-list")&&t.data("timepicker-list").remove(),t.removeData("timepicker-list")}};e.fn.timepicker=function(t){if(u[t])return u[t].apply(this,Array.prototype.slice.call(arguments,1));if(typeof t=="object"||!t)return u.init.apply(this,arguments);e.error("Method "+t+" does not exist on jQuery.timepicker")}});
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment