Update example for start end time range

1 files changed, 33 insertions, 34 deletions

diff --git a/index.html b/index.html
index b0cf891..832d795 100644
--- a/index.html
+++ b/index.html
@@ -452,41 +452,40 @@ $('#example15').datetimepicker({
 		</div>
 	
 <pre>
-$('#example16_start').datetimepicker({
-    onClose: function(dateText, inst) {
-        var endDateTextBox = $('#example16_end');
-        if (endDateTextBox.val() != '') {
-            var testStartDate = new Date(dateText);
-            var testEndDate = new Date(endDateTextBox.val());
-            if (testStartDate > testEndDate)
-                endDateTextBox.val(dateText);
-        }
-        else {
-            endDateTextBox.val(dateText);
-        }
-    },
-    onSelect: function (selectedDateTime){
-        var start = $(this).datetimepicker('getDate');
-        $('#example16_end').datetimepicker('option', 'minDate', new Date(start.getTime()));
-    }
+var startDateTextBox = $('#example16_start');
+var endDateTextBox = $('#example16_end');
+
+startDateTextBox.datetimepicker({ 
+	onClose: function(dateText, inst) {
+		if (endDateTextBox.val() != '') {
+			var testStartDate = startDateTextBox.datetimepicker('getDate');
+			var testEndDate = endDateTextBox.datetimepicker('getDate');
+			if (testStartDate > testEndDate)
+				endDateTextBox.datetimepicker('setDate', testStartDate);
+		}
+		else {
+			endDateTextBox.val(dateText);
+		}
+	},
+	onSelect: function (selectedDateTime){
+		endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
+	}
 });
-$('#example16_end').datetimepicker({
-    onClose: function(dateText, inst) {
-        var startDateTextBox = $('#example16_start');
-        if (startDateTextBox.val() != '') {
-            var testStartDate = new Date(startDateTextBox.val());
-            var testEndDate = new Date(dateText);
-            if (testStartDate > testEndDate)
-                startDateTextBox.val(dateText);
-        }
-        else {
-            startDateTextBox.val(dateText);
-        }
-    },
-    onSelect: function (selectedDateTime){
-        var end = $(this).datetimepicker('getDate');
-        $('#example16_start').datetimepicker('option', 'maxDate', new Date(end.getTime()) );
-    }
+endDateTextBox.datetimepicker({ 
+	onClose: function(dateText, inst) {
+		if (startDateTextBox.val() != '') {
+			var testStartDate = startDateTextBox.datetimepicker('getDate');
+			var testEndDate = endDateTextBox.datetimepicker('getDate');
+			if (testStartDate > testEndDate)
+				startDateTextBox.datetimepicker('setDate', testEndDate);
+		}
+		else {
+			startDateTextBox.val(dateText);
+		}
+	},
+	onSelect: function (selectedDateTime){
+		startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
+	}
 });
 </pre>
 	</div>