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

Applied patches by vhostein, gave unique id (css changes to classes)

Browse source
This commit is contained in:
Trent Richardson 2010-09-21 09:24:21 -04:00
parent a4f3cf111f
commit 564348cd56
1 changed files with 43 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
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.6.1 * Version 0.6.2
* Last Modified: 9/20/2010 * Last Modified: 9/21/2010
* *
* Copyright 2010 Trent Richardson * Copyright 2010 Trent Richardson
* Dual licensed under the MIT and GPL licenses. * Dual licensed under the MIT and GPL licenses.
@ -10,9 +10,9 @@
* http://trentrichardson.com/Impromptu/MIT-LICENSE.txt * http://trentrichardson.com/Impromptu/MIT-LICENSE.txt
* *
* HERES THE CSS: * HERES THE CSS:
* #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; }
* #ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; } * .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
*/ */
(function($) { (function($) {
@ -30,7 +30,6 @@
secondText: 'Second' secondText: 'Second'
}; };
this.defaults = { // Global defaults for all the datetime picker instances this.defaults = { // Global defaults for all the datetime picker instances
holdDatepickerOpen: true,
showButtonPanel: true, showButtonPanel: true,
timeOnly: false, timeOnly: false,
showHour: true, showHour: true,
@ -124,12 +123,12 @@
if (typeof(dp_inst.stay_open) !== 'boolean' || dp_inst.stay_open === false) { if (typeof(dp_inst.stay_open) !== 'boolean' || dp_inst.stay_open === false) {
// wait for datepicker to create itself.. 60% of the time it works every time.. // wait for datepicker to create itself.. 60% of the time it works every time..
setTimeout(function() { setTimeout(function() {
tp_inst.injectTimePicker(dp_inst, tp_inst); tp_inst.injectTimePicker(dp_inst, tp_inst);
}, 10); }, 10);
} else { } else {
tp_inst.injectTimePicker(dp_inst, tp_inst); tp_inst.injectTimePicker(dp_inst, tp_inst);
} }
}, },
@ -166,18 +165,18 @@
var secMax = opts.secondMax - (opts.secondMax % opts.stepSecond); var secMax = opts.secondMax - (opts.secondMax % opts.stepSecond);
// Prevent displaying twice // Prevent displaying twice
if ($dp.find("div#ui-timepicker-div").length === 0) { if ($dp.find("div#ui-timepicker-div-"+ dp_inst.id).length === 0) {
var noDisplay = ' style="display:none;"'; var noDisplay = ' style="display:none;"';
var html = var html =
'<div id="ui-timepicker-div"><dl>' + '<div class="ui-timepicker-div" id="ui-timepicker-div-'+ dp_inst.id +'"><dl>' +
'<dt id="ui_tpicker_time_label"' + ((opts.showTime) ? '' : noDisplay) + '>'+ opts.timeText +'</dt>' + '<dt class="ui_tpicker_time_label" id="ui_tpicker_time_label_'+ dp_inst.id +'"' + ((opts.showTime) ? '' : noDisplay) + '>'+ opts.timeText +'</dt>' +
'<dd id="ui_tpicker_time"' + ((opts.showTime) ? '' : noDisplay) + '></dd>' + '<dd class="ui_tpicker_time" id="ui_tpicker_time_'+ dp_inst.id +'"' + ((opts.showTime) ? '' : noDisplay) + '></dd>' +
'<dt id="ui_tpicker_hour_label"' + ((opts.showHour) ? '' : noDisplay) + '>'+ opts.hourText +'</dt>' + '<dt class="ui_tpicker_hour_label" id="ui_tpicker_hour_label_'+ dp_inst.id +'"' + ((opts.showHour) ? '' : noDisplay) + '>'+ opts.hourText +'</dt>' +
'<dd id="ui_tpicker_hour"' + ((opts.showHour) ? '' : noDisplay) + '></dd>' + '<dd class="ui_tpicker_hour" id="ui_tpicker_hour_'+ dp_inst.id +'"' + ((opts.showHour) ? '' : noDisplay) + '></dd>' +
'<dt id="ui_tpicker_minute_label"' + ((opts.showMinute) ? '' : noDisplay) + '>'+ opts.minuteText +'</dt>' + '<dt class="ui_tpicker_minute_label" id="ui_tpicker_minute_label_'+ dp_inst.id +'"' + ((opts.showMinute) ? '' : noDisplay) + '>'+ opts.minuteText +'</dt>' +
'<dd id="ui_tpicker_minute"' + ((opts.showMinute) ? '' : noDisplay) + '></dd>' + '<dd class="ui_tpicker_minute" id="ui_tpicker_minute_'+ dp_inst.id +'"' + ((opts.showMinute) ? '' : noDisplay) + '></dd>' +
'<dt id="ui_tpicker_second_label"' + ((opts.showSecond) ? '' : noDisplay) + '>'+ opts.secondText +'</dt>' + '<dt class="ui_tpicker_second_label" id="ui_tpicker_second_label_'+ dp_inst.id +'"' + ((opts.showSecond) ? '' : noDisplay) + '>'+ opts.secondText +'</dt>' +
'<dd id="ui_tpicker_second"' + ((opts.showSecond) ? '' : noDisplay) + '></dd>' + '<dd class="ui_tpicker_second" id="ui_tpicker_second_'+ dp_inst.id +'"' + ((opts.showSecond) ? '' : noDisplay) + '></dd>' +
'</dl></div>'; '</dl></div>';
$tp = $(html); $tp = $(html);
@ -187,10 +186,10 @@
'<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' + '<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' +
'<div class="ui-datepicker-title">'+ opts.timeOnlyTitle +'</div>' + '<div class="ui-datepicker-title">'+ opts.timeOnlyTitle +'</div>' +
'</div>'); '</div>');
$dp.find('.ui-datepicker-header, .ui-datepicker-calendar, .ui-datepicker-current').hide(); $dp.find('.ui-datepicker-header, .ui-datepicker-calendar').hide();
} }
tp_inst.hour_slider = $tp.find('#ui_tpicker_hour').slider({ tp_inst.hour_slider = $tp.find('#ui_tpicker_hour_'+ dp_inst.id).slider({
orientation: "horizontal", orientation: "horizontal",
value: tp_inst.hour, value: tp_inst.hour,
min: opts.hourMin, min: opts.hourMin,
@ -204,7 +203,7 @@
// 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
tp_inst.minute_slider = $tp.find('#ui_tpicker_minute').slider({ tp_inst.minute_slider = $tp.find('#ui_tpicker_minute_'+ dp_inst.id).slider({
orientation: "horizontal", orientation: "horizontal",
value: tp_inst.minute, value: tp_inst.minute,
min: opts.minuteMin, min: opts.minuteMin,
@ -217,7 +216,7 @@
} }
}); });
tp_inst.second_slider = $tp.find('#ui_tpicker_second').slider({ tp_inst.second_slider = $tp.find('#ui_tpicker_second_'+ dp_inst.id).slider({
orientation: "horizontal", orientation: "horizontal",
value: tp_inst.second, value: tp_inst.second,
min: opts.secondMin, min: opts.secondMin,
@ -230,7 +229,7 @@
}); });
$dp.find('.ui-datepicker-calendar').after($tp); $dp.find('.ui-datepicker-calendar').after($tp);
tp_inst.$timeObj = $('#ui_tpicker_time'); tp_inst.$timeObj = $('#ui_tpicker_time_'+ dp_inst.id);
if (dp_inst !== null) { if (dp_inst !== null) {
var timeDefined = tp_inst.timeDefined; var timeDefined = tp_inst.timeDefined;
@ -341,7 +340,21 @@
//######################################################################## //########################################################################
jQuery.fn.datetimepicker = function(o) { jQuery.fn.datetimepicker = function(o) {
var opts = (o === undefined ? {} : o); var opts = (o === undefined ? {} : o);
var input = $(this);
var tp = new Timepicker(); var tp = new Timepicker();
var inlineSettings = {};
for (var attrName in tp.defaults) {
var attrValue = input.attr('time:' + attrName);
if (attrValue) {
try {
inlineSettings[attrName] = eval(attrValue);
} catch (err) {
inlineSettings[attrName] = attrValue;
}
}
}
tp.defaults = $.extend(tp.defaults, inlineSettings);
var beforeShowFunc = function(input, inst) { var beforeShowFunc = function(input, inst) {
tp.hour = tp.defaults.hour; tp.hour = tp.defaults.hour;
@ -365,7 +378,9 @@
}; };
var onCloseFunc = function(dateText, inst) { var onCloseFunc = function(dateText, inst) {
tp.updateDateTime(inst, tp); if(tp.timeDefined === true) {
tp.updateDateTime(inst, tp);
}
if ($.isFunction(opts.onClose)) { if ($.isFunction(opts.onClose)) {
opts.onClose(dateText, inst); opts.onClose(dateText, inst);
} }
@ -489,5 +504,3 @@
$.timepicker = new Timepicker(true); // singleton instance $.timepicker = new Timepicker(true); // singleton instance
})(jQuery); })(jQuery);