Pass the main object (this) to the callbacks

dist/bootstrap-clockpicker.js

@@ -352,13 +352,7 @@
 			this.canvas = canvas;
 		}
 
-		raiseCallback(this.options.init);
-	}
-
-	function raiseCallback(callbackFunction) {
-		if (callbackFunction && typeof callbackFunction === "function") {
-			callbackFunction();
-		}
+		this.raiseCallback(this.options.init);
 	}
 
 	// Default options
@@ -373,6 +367,12 @@
 		vibrate: true        // vibrate the device when dragging clock hand
 	};
 
+	ClockPicker.prototype.raiseCallback = function (callbackFunction) {
+	    if (callbackFunction && typeof callbackFunction === "function") {
+	        callbackFunction(this);
+	    }
+	};
+
 	// Show or hide popover
 	ClockPicker.prototype.toggle = function(){
 		this[this.isShown ? 'hide' : 'show']();
@@ -434,7 +434,7 @@
 			return;
 		}
 
-		raiseCallback(this.options.beforeShow);
+		this.raiseCallback(this.options.beforeShow);
 
 		var self = this;
 
@@ -492,12 +492,12 @@
 			}
 		});
 
-		raiseCallback(this.options.afterShow);
+		this.raiseCallback(this.options.afterShow);
 	};
 
 	// Hide popover
 	ClockPicker.prototype.hide = function(){
-		raiseCallback(this.options.beforeHide);
+		this.raiseCallback(this.options.beforeHide);
 
 		this.isShown = false;
 
@@ -507,14 +507,14 @@
 
 		this.popover.hide();
 
-		raiseCallback(this.options.afterHide);
+		this.raiseCallback(this.options.afterHide);
 	};
 
 	// Toggle to hours or minutes view
 	ClockPicker.prototype.toggleView = function(view, delay){
 		var raiseAfterHourSelect = false;
 		if (view === 'minutes' && $(this.hoursView).css("visibility") === "visible") {
-			raiseCallback(this.options.beforeHourSelect);
+			this.raiseCallback(this.options.beforeHourSelect);
 			raiseAfterHourSelect = true;
 		}
 		var isHours = view === 'hours',
@@ -540,7 +540,7 @@
 		}, duration);
 
 		if (raiseAfterHourSelect) {
-			raiseCallback(this.options.afterHourSelect);
+			this.raiseCallback(this.options.afterHourSelect);
 		}
 	};
 
@@ -672,7 +672,7 @@
 
 	// Hours and minutes are selected
 	ClockPicker.prototype.done = function() {
-		raiseCallback(this.options.beforeDone);
+		this.raiseCallback(this.options.beforeDone);
 		this.hide();
 		var last = this.input.prop('value'),
 			value = leadingZero(this.hours) + ':' + leadingZero(this.minutes);
@@ -692,7 +692,7 @@
 			this.input.trigger('blur');
 		}
 
-		raiseCallback(this.options.afterDone);
+		this.raiseCallback(this.options.afterDone);
 	};
 
 	// Remove clockpicker from input

dist/jquery-clockpicker.js

@@ -352,13 +352,7 @@
 			this.canvas = canvas;
 		}
 
-		raiseCallback(this.options.init);
-	}
-
-	function raiseCallback(callbackFunction) {
-		if (callbackFunction && typeof callbackFunction === "function") {
-			callbackFunction();
-		}
+		this.raiseCallback(this.options.init);
 	}
 
 	// Default options
@@ -434,7 +428,7 @@
 			return;
 		}
 
-		raiseCallback(this.options.beforeShow);
+		this.raiseCallback(this.options.beforeShow);
 
 		var self = this;
 
@@ -492,12 +486,12 @@
 			}
 		});
 
-		raiseCallback(this.options.afterShow);
+		this.raiseCallback(this.options.afterShow);
 	};
 
 	// Hide popover
 	ClockPicker.prototype.hide = function(){
-		raiseCallback(this.options.beforeHide);
+		this.raiseCallback(this.options.beforeHide);
 
 		this.isShown = false;
 
@@ -507,14 +501,14 @@
 
 		this.popover.hide();
 
-		raiseCallback(this.options.afterHide);
+		this.raiseCallback(this.options.afterHide);
 	};
 
 	// Toggle to hours or minutes view
 	ClockPicker.prototype.toggleView = function(view, delay){
 		var raiseAfterHourSelect = false;
 		if (view === 'minutes' && $(this.hoursView).css("visibility") === "visible") {
-			raiseCallback(this.options.beforeHourSelect);
+			this.raiseCallback(this.options.beforeHourSelect);
 			raiseAfterHourSelect = true;
 		}
 		var isHours = view === 'hours',
@@ -540,7 +534,7 @@
 		}, duration);
 
 		if (raiseAfterHourSelect) {
-			raiseCallback(this.options.afterHourSelect);
+			this.raiseCallback(this.options.afterHourSelect);
 		}
 	};
 
@@ -672,7 +666,7 @@
 
 	// Hours and minutes are selected
 	ClockPicker.prototype.done = function() {
-		raiseCallback(this.options.beforeDone);
+		this.raiseCallback(this.options.beforeDone);
 		this.hide();
 		var last = this.input.prop('value'),
 			value = leadingZero(this.hours) + ':' + leadingZero(this.minutes);
@@ -692,7 +686,7 @@
 			this.input.trigger('blur');
 		}
 
-		raiseCallback(this.options.afterDone);
+		this.raiseCallback(this.options.afterDone);
 	};
 
 	// Remove clockpicker from input
@@ -709,6 +703,18 @@
 		}
 	};
 
+	ClockPicker.prototype.raiseCallback = function (callbackFunction) {
+	    if (callbackFunction && typeof callbackFunction === "function") {
+	        callbackFunction(this);
+	    }
+	}
+
+	//function raiseCallback(callbackFunction) {
+	//    if (callbackFunction && typeof callbackFunction === "function") {
+	//        callbackFunction();
+	//    }
+	//}
+
 	// Extends $.fn.clockpicker
 	$.fn.clockpicker = function(option){
 		var args = Array.prototype.slice.call(arguments, 1);

index.html

@@ -397,7 +397,7 @@ <h3>License</h3>
 
 <script type="text/javascript" src="assets/js/jquery.min.js"></script>
 <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
+<script type="text/javascript" src="dist/bootstrap-clockpicker.js"></script>
 <script type="text/javascript">
 $('.clockpicker').clockpicker()
 	.find('input').change(function(){
@@ -412,8 +412,8 @@ <h3>License</h3>
 
 $('.clockpicker-with-callbacks').clockpicker({
 		donetext: 'Done',
-		init: function() { 
-			console.log("colorpicker initiated");
+		init: function (element) {
+		    console.log(element, "colorpicker initiated");
 		},
 		beforeShow: function() {
 			console.log("before show");
@@ -436,8 +436,8 @@ <h3>License</h3>
 		beforeDone: function() {
 			console.log("before done");
 		},
-		afterDone: function() {
-			console.log("after done");
+		afterDone: function(element) {
+		    console.log(element, "after done");
 		}
 	})
 	.find('input').change(function(){