fix issue #68

Author: longbill

demo.js

@@ -1,6 +1,12 @@
 $(function()
 {
-	
+
+	if (!window['console'])
+	{
+		window.console = {};
+		window.console.log = function(){};
+	}
+		
 	/*
 	define a new language named "custom"
 	*/
@@ -38,8 +44,54 @@ $(function()
 
 	$('#date-range0').dateRangePicker(
 	{
+	}).bind('datepicker-first-date-selected', function(event, obj)
+	{
+		/* This event will be triggered when first date is selected */
+		console.log('first-date-selected',obj);
+		// obj will be something like this:
+		// {
+		// 		date1: (Date object of the earlier date)
+		// }
+	})
+	.bind('datepicker-change',function(event,obj)
+	{
+		/* This event will be triggered when second date is selected */
+		console.log('change',obj);
+		// obj will be something like this:
+		// {
+		// 		date1: (Date object of the earlier date),
+		// 		date2: (Date object of the later date),
+		//	 	value: "2013-06-05 to 2013-06-07"
+		// }
+	})
+	.bind('datepicker-apply',function(event,obj)
+	{
+		/* This event will be triggered when user clicks on the apply button */
+		console.log('apply',obj);
+	})
+	.bind('datepicker-close',function()
+	{
+		/* This event will be triggered before date range picker close animation */
+		console.log('before close');
+	})
+	.bind('datepicker-closed',function()
+	{
+		/* This event will be triggered after date range picker close animation */
+		console.log('after close');
+	})
+	.bind('datepicker-open',function()
+	{
+		/* This event will be triggered before date range picker open animation */
+		console.log('before open');
+	})
+	.bind('datepicker-opened',function()
+	{
+		/* This event will be triggered after date range picker open animation */
+		console.log('after open');
 	});
 
+
+
 	$('#date-range1').dateRangePicker(
 	{
 		startOfWeek: 'monday',

jquery.daterangepicker.js

@@ -585,7 +585,10 @@
 				evt.stopPropagation();
 			});
 
-			$(document).bind('click.datepicker',closeDatePicker);
+			$(document).bind('click.datepicker',function()
+			{
+				if (box.is(':visible')) closeDatePicker();
+			});
 
 			box.find('.next').click(function()
 			{