#782 Part 2 - Adds afterInject option as function

Author: trentrichardson

dist/index.html

@@ -345,6 +345,9 @@ <h3>Other Options</h3>
 		<dt>timeOnlyShowDate</dt>
 			<dd><em>Default: false</em> - Show the date and time in the input, but only allow the timepicker.</dd>
 
+		<dt>afterInject</dt>
+			<dd><em>Default: null</em> - Function to be called when the timepicker or selection control is injected or re-rendered. Called in the context of the timepicker instance.</dd>
+
 		<dt>onSelect</dt>
 			<dd><em>Default: null</em> - Function to be called when a date is chosen or time has changed (parameters: datetimeText, datepickerInstance).</dd>
 

dist/jquery-ui-timepicker-addon.js

@@ -103,7 +103,8 @@
 			controlType: 'slider',
 			oneLine: false,
 			defaultValue: null,
-			parse: 'strict'
+			parse: 'strict',
+			afterInject: null
 		};
 		$.extend(this._defaults, this.regional['']);
 	};
@@ -313,6 +314,7 @@
 			this.timeDefined = this._parseTime(currDT);
 			this._limitMinMaxDateTime(dp_inst, false);
 			this._injectTimePicker();
+			this._afterInject();
 		},
 
 		/*
@@ -349,6 +351,16 @@
 			}
 		},
 
+		/*
+		* Handle callback option after injecting timepicker
+		*/
+		_afterInject: function() {
+			var o = this.inst.settings;
+			if ($.isFunction(o.afterInject)) {
+				o.afterInject.call(this);
+			}
+		},
+
 		/*
 		* generate and inject html for timepicker into ui datepicker
 		*/
@@ -494,6 +506,7 @@
 				this.timezone_select.change(function () {
 					tp_inst._onTimeChange();
 					tp_inst._onSelectHandler();
+					tp_inst._afterInject();
 				});
 				// End timezone options
 
@@ -1052,6 +1065,7 @@
 					$(sel).appendTo(obj).change(function (e) {
 						tp_inst._onTimeChange();
 						tp_inst._onSelectHandler();
+						tp_inst._afterInject();
 					});
 
 					return obj;

dist/jquery-ui-timepicker-addon.min.js

@@ -209,6 +209,9 @@ <h3>Other Options</h3>
 		<dt>timeOnlyShowDate</dt>
 			<dd><em>Default: false</em> - Show the date and time in the input, but only allow the timepicker.</dd>
 
+		<dt>afterInject</dt>
+			<dd><em>Default: null</em> - Function to be called when the timepicker or selection control is injected or re-rendered. Called in the context of the timepicker instance.</dd>
+
 		<dt>onSelect</dt>
 			<dd><em>Default: null</em> - Function to be called when a date is chosen or time has changed (parameters: datetimeText, datepickerInstance).</dd>
 

src/docs/options.html

@@ -109,7 +109,8 @@
 			controlType: 'slider',
 			oneLine: false,
 			defaultValue: null,
-			parse: 'strict'
+			parse: 'strict',
+			afterInject: null
 		};
 		$.extend(this._defaults, this.regional['']);
 	};
@@ -319,6 +320,7 @@
 			this.timeDefined = this._parseTime(currDT);
 			this._limitMinMaxDateTime(dp_inst, false);
 			this._injectTimePicker();
+			this._afterInject();
 		},
 
 		/*
@@ -355,6 +357,16 @@
 			}
 		},
 
+		/*
+		* Handle callback option after injecting timepicker
+		*/
+		_afterInject: function() {
+			var o = this.inst.settings;
+			if ($.isFunction(o.afterInject)) {
+				o.afterInject.call(this);
+			}
+		},
+
 		/*
 		* generate and inject html for timepicker into ui datepicker
 		*/
@@ -500,6 +512,7 @@
 				this.timezone_select.change(function () {
 					tp_inst._onTimeChange();
 					tp_inst._onSelectHandler();
+					tp_inst._afterInject();
 				});
 				// End timezone options
 
@@ -1058,6 +1071,7 @@
 					$(sel).appendTo(obj).change(function (e) {
 						tp_inst._onTimeChange();
 						tp_inst._onSelectHandler();
+						tp_inst._afterInject();
 					});
 
 					return obj;