deac
/
jQuery-Timepicker-Addon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update Version

master v0.9.8
Trent Richardson 2011-12-03 15:10:50 -05:00
parent fae432b17d 8c862700ca
commit fc06b3fb2c
9 changed files with 169 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
jquery-ui-timepicker-addon.css
View File

@ -1,6 +1,6 @@
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; } .ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

139
jquery-ui-timepicker-addon.js vendored
View File

@ -1,8 +1,8 @@
/* /*
* jQuery timepicker addon * jQuery timepicker addon
* By: Trent Richardson [http://trentrichardson.com] * By: Trent Richardson [http://trentrichardson.com]
* Version 0.9.7 * Version 0.9.8
* Last Modified: 10/02/2011 * Last Modified: 12/03/2011
* *
* Copyright 2011 Trent Richardson * Copyright 2011 Trent Richardson
* Dual licensed under the MIT and GPL licenses. * Dual licensed under the MIT and GPL licenses.
@ -12,15 +12,15 @@
* HERES THE CSS: * HERES THE CSS:
* .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } * .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
* .ui-timepicker-div dl { text-align: left; } * .ui-timepicker-div dl { text-align: left; }
* .ui-timepicker-div dl dt { height: 25px; } * .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
* .ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; } * .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
* .ui-timepicker-div td { font-size: 90%; } * .ui-timepicker-div td { font-size: 90%; }
* .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } * .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
*/ */
(function($) { (function($) {
$.extend($.ui, { timepicker: { version: "0.9.7" } }); $.extend($.ui, { timepicker: { version: "0.9.8" } });
/* Time picker manager. /* Time picker manager.
Use the singleton instance of this class, $.timepicker, to interact with the time picker. Use the singleton instance of this class, $.timepicker, to interact with the time picker.
@ -54,10 +54,10 @@ function Timepicker() {
showMillisec: false, showMillisec: false,
showTimezone: false, showTimezone: false,
showTime: true, showTime: true,
stepHour: 0.05, stepHour: 1,
stepMinute: 0.05, stepMinute: 1,
stepSecond: 0.05, stepSecond: 1,
stepMillisec: 0.5, stepMillisec: 1,
hour: 0, hour: 0,
minute: 0, minute: 0,
second: 0, second: 0,
@ -83,7 +83,9 @@ function Timepicker() {
altFieldTimeOnly: true, altFieldTimeOnly: true,
showTimepicker: true, showTimepicker: true,
timezoneIso8609: false, timezoneIso8609: false,
timezoneList: null timezoneList: null,
addSliderAccess: false,
sliderAccessArgs: null
}; };
$.extend(this._defaults, this.regional['']); $.extend(this._defaults, this.regional['']);
} }
@ -341,10 +343,10 @@ $.extend(Timepicker.prototype, {
// Added by Peter Medeiros: // Added by Peter Medeiros:
// - Figure out what the hour/minute/second max should be based on the step values. // - Figure out what the hour/minute/second max should be based on the step values.
// - Example: if stepMinute is 15, then minMax is 45. // - Example: if stepMinute is 15, then minMax is 45.
hourMax = (o.hourMax - ((o.hourMax - o.hourMin) % o.stepHour)).toFixed(0), hourMax = parseInt((o.hourMax - ((o.hourMax - o.hourMin) % o.stepHour)) ,10),
minMax = (o.minuteMax - ((o.minuteMax - o.minuteMin) % o.stepMinute)).toFixed(0), minMax = parseInt((o.minuteMax - ((o.minuteMax - o.minuteMin) % o.stepMinute)) ,10),
secMax = (o.secondMax - ((o.secondMax - o.secondMin) % o.stepSecond)).toFixed(0), secMax = parseInt((o.secondMax - ((o.secondMax - o.secondMin) % o.stepSecond)) ,10),
millisecMax = (o.millisecMax - ((o.millisecMax - o.millisecMin) % o.stepMillisec)).toFixed(0), millisecMax = parseInt((o.millisecMax - ((o.millisecMax - o.millisecMin) % o.stepMillisec)) ,10),
dp_id = this.inst.id.toString().replace(/([^A-Za-z0-9_])/g, ''); dp_id = this.inst.id.toString().replace(/([^A-Za-z0-9_])/g, '');
// Prevent displaying twice // Prevent displaying twice
@ -365,10 +367,10 @@ $.extend(Timepicker.prototype, {
size; size;
// Hours // Hours
html += '<dd class="ui_tpicker_hour"><div id="ui_tpicker_hour_' + dp_id + '"' +
((o.showHour) ? '' : noDisplay) + '></div>';
if (o.showHour && o.hourGrid > 0) { if (o.showHour && o.hourGrid > 0) {
html += '<dd class="ui_tpicker_hour">' + html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
'<div id="ui_tpicker_hour_' + dp_id + '"' + ((o.showHour) ? '' : noDisplay) + '></div>' +
'<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
for (var h = o.hourMin; h <= hourMax; h += parseInt(o.hourGrid,10)) { for (var h = o.hourMin; h <= hourMax; h += parseInt(o.hourGrid,10)) {
hourGridSize++; hourGridSize++;
@ -382,70 +384,63 @@ $.extend(Timepicker.prototype, {
html += '<td>' + tmph + '</td>'; html += '<td>' + tmph + '</td>';
} }
html += '</tr></table></div>' + html += '</tr></table></div>';
'</dd>'; }
} else html += '<dd class="ui_tpicker_hour" id="ui_tpicker_hour_' + dp_id + '"' + html += '</dd>';
((o.showHour) ? '' : noDisplay) + '></dd>';
html += '<dt class="ui_tpicker_minute_label" id="ui_tpicker_minute_label_' + dp_id + '"' +
((o.showMinute) ? '' : noDisplay) + '>' + o.minuteText + '</dt>';
// Minutes // Minutes
html += '<dt class="ui_tpicker_minute_label" id="ui_tpicker_minute_label_' + dp_id + '"' +
((o.showMinute) ? '' : noDisplay) + '>' + o.minuteText + '</dt>'+
'<dd class="ui_tpicker_minute"><div id="ui_tpicker_minute_' + dp_id + '"' +
((o.showMinute) ? '' : noDisplay) + '></div>';
if (o.showMinute && o.minuteGrid > 0) { if (o.showMinute && o.minuteGrid > 0) {
html += '<dd class="ui_tpicker_minute ui_tpicker_minute_' + o.minuteGrid + '">' + html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
'<div id="ui_tpicker_minute_' + dp_id + '"' +
((o.showMinute) ? '' : noDisplay) + '></div>' +
'<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
for (var m = o.minuteMin; m <= minMax; m += parseInt(o.minuteGrid,10)) { for (var m = o.minuteMin; m <= minMax; m += parseInt(o.minuteGrid,10)) {
minuteGridSize++; minuteGridSize++;
html += '<td>' + ((m < 10) ? '0' : '') + m + '</td>'; html += '<td>' + ((m < 10) ? '0' : '') + m + '</td>';
} }
html += '</tr></table></div>' + html += '</tr></table></div>';
'</dd>'; }
} else html += '<dd class="ui_tpicker_minute" id="ui_tpicker_minute_' + dp_id + '"' + html += '</dd>';
((o.showMinute) ? '' : noDisplay) + '></dd>';
// Seconds // Seconds
html += '<dt class="ui_tpicker_second_label" id="ui_tpicker_second_label_' + dp_id + '"' + html += '<dt class="ui_tpicker_second_label" id="ui_tpicker_second_label_' + dp_id + '"' +
((o.showSecond) ? '' : noDisplay) + '>' + o.secondText + '</dt>'; ((o.showSecond) ? '' : noDisplay) + '>' + o.secondText + '</dt>'+
'<dd class="ui_tpicker_second"><div id="ui_tpicker_second_' + dp_id + '"'+
((o.showSecond) ? '' : noDisplay) + '></div>';
if (o.showSecond && o.secondGrid > 0) { if (o.showSecond && o.secondGrid > 0) {
html += '<dd class="ui_tpicker_second ui_tpicker_second_' + o.secondGrid + '">' + html += '<div style="padding-left: 1px"><table><tr>';
'<div id="ui_tpicker_second_' + dp_id + '"' +
((o.showSecond) ? '' : noDisplay) + '></div>' +
'<div style="padding-left: 1px"><table><tr>';
for (var s = o.secondMin; s <= secMax; s += parseInt(o.secondGrid,10)) { for (var s = o.secondMin; s <= secMax; s += parseInt(o.secondGrid,10)) {
secondGridSize++; secondGridSize++;
html += '<td>' + ((s < 10) ? '0' : '') + s + '</td>'; html += '<td>' + ((s < 10) ? '0' : '') + s + '</td>';
} }
html += '</tr></table></div>' + html += '</tr></table></div>';
'</dd>'; }
} else html += '<dd class="ui_tpicker_second" id="ui_tpicker_second_' + dp_id + '"' + html += '</dd>';
((o.showSecond) ? '' : noDisplay) + '></dd>';
// Milliseconds // Milliseconds
html += '<dt class="ui_tpicker_millisec_label" id="ui_tpicker_millisec_label_' + dp_id + '"' + html += '<dt class="ui_tpicker_millisec_label" id="ui_tpicker_millisec_label_' + dp_id + '"' +
((o.showMillisec) ? '' : noDisplay) + '>' + o.millisecText + '</dt>'; ((o.showMillisec) ? '' : noDisplay) + '>' + o.millisecText + '</dt>'+
'<dd class="ui_tpicker_millisec"><div id="ui_tpicker_millisec_' + dp_id + '"'+
((o.showMillisec) ? '' : noDisplay) + '></div>';
if (o.showMillisec && o.millisecGrid > 0) { if (o.showMillisec && o.millisecGrid > 0) {
html += '<dd class="ui_tpicker_millisec ui_tpicker_millisec_' + o.millisecGrid + '">' + html += '<div style="padding-left: 1px"><table><tr>';
'<div id="ui_tpicker_millisec_' + dp_id + '"' +
((o.showMillisec) ? '' : noDisplay) + '></div>' +
'<div style="padding-left: 1px"><table><tr>';
for (var l = o.millisecMin; l <= millisecMax; l += parseInt(o.millisecGrid,10)) { for (var l = o.millisecMin; l <= millisecMax; l += parseInt(o.millisecGrid,10)) {
millisecGridSize++; millisecGridSize++;
html += '<td>' + ((l < 10) ? '0' : '') + s + '</td>'; html += '<td>' + ((l < 10) ? '0' : '') + l + '</td>';
} }
html += '</tr></table></div>' + html += '</tr></table></div>';
'</dd>'; }
} else html += '<dd class="ui_tpicker_millisec" id="ui_tpicker_millisec_' + dp_id + '"' + html += '</dd>';
((o.showMillisec) ? '' : noDisplay) + '></dd>';
// Timezone // Timezone
html += '<dt class="ui_tpicker_timezone_label" id="ui_tpicker_timezone_label_' + dp_id + '"' + html += '<dt class="ui_tpicker_timezone_label" id="ui_tpicker_timezone_label_' + dp_id + '"' +
@ -477,6 +472,7 @@ $.extend(Timepicker.prototype, {
} }
}); });
// Updated by Peter Medeiros: // Updated by Peter Medeiros:
// - Pass in Event and UI instance into slide function // - Pass in Event and UI instance into slide function
this.minute_slider = $tp.find('#ui_tpicker_minute_'+ dp_id).slider({ this.minute_slider = $tp.find('#ui_tpicker_minute_'+ dp_id).slider({
@ -486,7 +482,6 @@ $.extend(Timepicker.prototype, {
max: minMax, max: minMax,
step: o.stepMinute, step: o.stepMinute,
slide: function(event, ui) { slide: function(event, ui) {
// update the global minute slider instance value with the current slider value
tp_inst.minute_slider.slider( "option", "value", ui.value); tp_inst.minute_slider.slider( "option", "value", ui.value);
tp_inst._onTimeChange(); tp_inst._onTimeChange();
} }
@ -639,6 +634,30 @@ $.extend(Timepicker.prototype, {
this.minute_slider.bind('slidestop',onSelectDelegate); this.minute_slider.bind('slidestop',onSelectDelegate);
this.second_slider.bind('slidestop',onSelectDelegate); this.second_slider.bind('slidestop',onSelectDelegate);
this.millisec_slider.bind('slidestop',onSelectDelegate); this.millisec_slider.bind('slidestop',onSelectDelegate);
// slideAccess integration: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/
if (this._defaults.addSliderAccess){
var sliderAccessArgs = this._defaults.sliderAccessArgs;
setTimeout(function(){ // fix for inline mode
$tp.find('.ui-slider:visible').sliderAccess(sliderAccessArgs);
// fix any grids since sliders are shorter
var sliderAccessWidth = $tp.find('.ui-slider-access:eq(0)').outerWidth(true);
if(sliderAccessWidth){
$tp.find('table:visible').each(function(){
var $g = $(this),
oldWidth = $g.outerWidth(),
oldMarginLeft = $g.css('marginLeft').toString().replace('%',''),
newWidth = oldWidth - sliderAccessWidth,
newMarginLeft = ((oldMarginLeft * newWidth)/oldWidth) + '%';
$g.css({ width: newWidth, marginLeft: newMarginLeft });
});
}
},0);
}
// end slideAccess integration
} }
}, },
@ -732,10 +751,10 @@ $.extend(Timepicker.prototype, {
} }
if(adjustSliders !== undefined && adjustSliders === true){ if(adjustSliders !== undefined && adjustSliders === true){
var hourMax = (this._defaults.hourMax - ((this._defaults.hourMax - this._defaults.hourMin) % this._defaults.stepHour)).toFixed(0), var hourMax = parseInt((this._defaults.hourMax - ((this._defaults.hourMax - this._defaults.hourMin) % this._defaults.stepHour)) ,10),
minMax = (this._defaults.minuteMax - ((this._defaults.minuteMax - this._defaults.minuteMin) % this._defaults.stepMinute)).toFixed(0), minMax = parseInt((this._defaults.minuteMax - ((this._defaults.minuteMax - this._defaults.minuteMin) % this._defaults.stepMinute)) ,10),
secMax = (this._defaults.secondMax - ((this._defaults.secondMax - this._defaults.secondMin) % this._defaults.stepSecond)).toFixed(0), secMax = parseInt((this._defaults.secondMax - ((this._defaults.secondMax - this._defaults.secondMin) % this._defaults.stepSecond)) ,10),
millisecMax = (this._defaults.millisecMax - ((this._defaults.millisecMax - this._defaults.millisecMin) % this._defaults.stepMillisec)).toFixed(0); millisecMax = parseInt((this._defaults.millisecMax - ((this._defaults.millisecMax - this._defaults.millisecMin) % this._defaults.stepMillisec)) ,10);
if(this.hour_slider) if(this.hour_slider)
this.hour_slider.slider("option", { min: this._defaults.hourMin, max: hourMax }).slider('value', this.hour); this.hour_slider.slider("option", { min: this._defaults.hourMin, max: hourMax }).slider('value', this.hour);
@ -859,8 +878,8 @@ $.extend(Timepicker.prototype, {
// update our input with the new date time.. // update our input with the new date time..
//######################################################################## //########################################################################
_updateDateTime: function(dp_inst) { _updateDateTime: function(dp_inst) {
dp_inst = this.inst || dp_inst, dp_inst = this.inst || dp_inst;
dt = new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay), var dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
dateFmt = $.datepicker._get(dp_inst, 'dateFormat'), dateFmt = $.datepicker._get(dp_inst, 'dateFormat'),
formatCfg = $.datepicker._getFormatConfig(dp_inst), formatCfg = $.datepicker._getFormatConfig(dp_inst),
timeAvailable = dt !== null && this.timeDefined; timeAvailable = dt !== null && this.timeDefined;
@ -1204,7 +1223,7 @@ $.datepicker._formatDate = function(inst, day, month, year){
{ {
if(day) if(day)
var b = this._base_formatDate(inst, day, month, year); var b = this._base_formatDate(inst, day, month, year);
tp_inst._updateDateTime(); tp_inst._updateDateTime(inst);
return tp_inst.$input.val(); return tp_inst.$input.val();
} }
return this._base_formatDate(inst); return this._base_formatDate(inst);
@ -1270,7 +1289,7 @@ function extendRemove(target, props) {
} }
$.timepicker = new Timepicker(); // singleton instance $.timepicker = new Timepicker(); // singleton instance
$.timepicker.version = "0.9.7"; $.timepicker.version = "0.9.8";
})(jQuery); })(jQuery);

20
localization/jquery-ui-timepicker-gl.js vendored Normal file
View File

@ -0,0 +1,20 @@
/* Galician translation for the jQuery Timepicker Addon */
/* Written by David Barral */
(function($) {
$.timepicker.regional['gl'] = {
timeOnlyTitle: 'Elixir unha hora',
timeText: 'Hora',
hourText: 'Horas',
minuteText: 'Minutos',
secondText: 'Segundos',
millisecText: 'Milisegundos',
timezoneText: 'Fuso horario',
currentText: 'Agora',
closeText: 'Pechar',
timeFormat: 'hh:mm',
amNames: ['a.m.', 'AM', 'A'],
pmNames: ['p.m.', 'PM', 'P'],
ampm: false
};
$.timepicker.setDefaults($.timepicker.regional['gl']);
})(jQuery);

2
localization/jquery-ui-timepicker-pt-BR.js vendored
View File

@ -8,7 +8,7 @@
minuteText: 'Minutos', minuteText: 'Minutos',
secondText: 'Segundos', secondText: 'Segundos',
millisecText: 'Milissegundos', millisecText: 'Milissegundos',
timezoneText: 'Fuso hor&aacute;rio', timezoneText: 'Fuso horário',
currentText: 'Agora', currentText: 'Agora',
closeText: 'Fechar', closeText: 'Fechar',
timeFormat: 'hh:mm', timeFormat: 'hh:mm',

6
localization/jquery-ui-timepicker-sk.js vendored
View File

@ -5,15 +5,15 @@
timeOnlyTitle: 'Zvoľte čas', timeOnlyTitle: 'Zvoľte čas',
timeText: 'Čas', timeText: 'Čas',
hourText: 'Hodiny', hourText: 'Hodiny',
minuteText: 'Minuty', minuteText: 'Minúty',
secondText: 'Sekundy', secondText: 'Sekundy',
millisecText: 'Milisekundy', millisecText: 'Milisekundy',
timezoneText: 'Časové pásmo', timezoneText: 'Časové pásmo',
currentText: 'Teraz', currentText: 'Teraz',
closeText: 'Zavřít', closeText: 'Zavrieť',
timeFormat: 'h:m', timeFormat: 'h:m',
amNames: ['dop.', 'AM', 'A'], amNames: ['dop.', 'AM', 'A'],
pmNames: ['odp.', 'PM', 'P'], pmNames: ['pop.', 'PM', 'P'],
ampm: false ampm: false
}; };
$.timepicker.setDefaults($.timepicker.regional['sk']); $.timepicker.setDefaults($.timepicker.regional['sk']);

20
localization/jquery-ui-timepicker-sv.js vendored Normal file
View File

@ -0,0 +1,20 @@
/* Swedish translation for the jQuery Timepicker Addon */
/* Written by Nevon */
(function($) {
$.timepicker.regional['sv'] = {
timeOnlyTitle: 'Välj en tid',
timeText: 'Timme',
hourText: 'Timmar',
minuteText: 'Minuter',
secondText: 'Sekunder',
millisecText: 'Millisekunder',
timezoneText: 'Tidszon',
currentText: 'Nu',
closeText: 'Stäng',
timeFormat: 'hh:mm',
amNames: ['AM', 'A'],
pmNames: ['PM', 'P'],
ampm: false
};
$.timepicker.setDefaults($.timepicker.regional['sv']);
})(jQuery);

8
localization/jquery-ui-timepicker-tr.js vendored
View File

@ -1,5 +1,5 @@
/* Turkish translation for the jQuery Timepicker Addon */ /* Turkish translation for the jQuery Timepicker Addon */
/* Written by Fehmi Can Saglam */ /* Written by Fehmi Can Saglam, Edited by Goktug Ozturk */
(function($) { (function($) {
$.timepicker.regional['tr'] = { $.timepicker.regional['tr'] = {
timeOnlyTitle: 'Zaman Seçiniz', timeOnlyTitle: 'Zaman Seçiniz',
@ -7,13 +7,13 @@
hourText: 'Saat', hourText: 'Saat',
minuteText: 'Dakika', minuteText: 'Dakika',
secondText: 'Saniye', secondText: 'Saniye',
millisecText: 'Milisaniyelik', millisecText: 'Milisaniye',
timezoneText: 'Zaman Dilimi', timezoneText: 'Zaman Dilimi',
currentText: 'Şu an', currentText: 'Şu an',
closeText: 'Tamam', closeText: 'Tamam',
timeFormat: 'hh:mm', timeFormat: 'hh:mm',
amNames: ['AM', 'A'], amNames: ['ÖÖ', 'Ö'],
pmNames: ['PM', 'P'], pmNames: ['ÖS', 'S'],
ampm: false ampm: false
}; };
$.timepicker.setDefaults($.timepicker.regional['tr']); $.timepicker.setDefaults($.timepicker.regional['tr']);

20
localization/jquery-ui-timepicker-zh-CN.js vendored Normal file
View File

@ -0,0 +1,20 @@
/* Simplified Chinese translation for the jQuery Timepicker Addon /
/ Written by Will Lu */
(function($) {
$.timepicker.regional['zh-CN'] = {
timeOnlyTitle: '选择时间',
timeText: '时间',
hourText: '小时',
minuteText: '分钟',
secondText: '秒钟',
millisecText: '微秒',
timezoneText: '时区',
currentText: '现在时间',
closeText: '关闭',
timeFormat: 'hh:mm',
amNames: ['AM', 'A'],
pmNames: ['PM', 'P'],
ampm: false
};
$.timepicker.setDefaults($.timepicker.regional['zh-CN']);
})(jQuery);

20
localization/jquery-ui-timepicker-zh-TW.js vendored Normal file
View File

@ -0,0 +1,20 @@
/* Chinese translation for the jQuery Timepicker Addon */
/* Written by Alang.lin */
(function($) {
$.timepicker.regional['zh-TW'] = {
timeOnlyTitle: '選擇時分秒',
timeText: '時間',
hourText: '時',
minuteText: '分',
secondText: '秒',
millisecText: '毫秒',
timezoneText: '時區',
currentText: '現在時間',
closeText: '確定',
timeFormat: 'hh:mm tt',
amNames: ['上午', 'AM', 'A'],
pmNames: ['下午', 'PM', 'P'],
ampm: false
};
$.timepicker.setDefaults($.timepicker.regional['zh-TW']);
})(jQuery);