From: Scott González <scott.gonzalez@gmail.com>
Date: Sun, 22 Feb 2015 02:58:35 +0000 (-0500)
Subject: Datepicker: Fix date range demo when entering values manually
X-Git-Tag: 1.12.0-beta.1~439
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=fac8e517d7ea4c65bad21a65ad59eef1e4379efb;p=jquery-ui.git

Datepicker: Fix date range demo when entering values manually

Fixes #11143
Closes gh-1454
---

diff --git a/demos/datepicker/date-range.html b/demos/datepicker/date-range.html
index 34c64a9b2..8d606969c 100644
--- a/demos/datepicker/date-range.html
+++ b/demos/datepicker/date-range.html
@@ -11,22 +11,35 @@
 	<link rel="stylesheet" href="../demos.css">
 	<script>
 	$(function() {
-		$( "#from" ).datepicker({
-			defaultDate: "+1w",
-			changeMonth: true,
-			numberOfMonths: 3,
-			onClose: function( selectedDate ) {
-				$( "#to" ).datepicker( "option", "minDate", selectedDate );
-			}
-		});
-		$( "#to" ).datepicker({
-			defaultDate: "+1w",
-			changeMonth: true,
-			numberOfMonths: 3,
-			onClose: function( selectedDate ) {
-				$( "#from" ).datepicker( "option", "maxDate", selectedDate );
+		var dateFormat = "mm/dd/yy",
+			from = $( "#from" )
+				.datepicker({
+					defaultDate: "+1w",
+					changeMonth: true,
+					numberOfMonths: 3
+				})
+				.on( "change", function() {
+					to.datepicker( "option", "minDate", getDate( this ) );
+				}),
+			to = $( "#to" ).datepicker({
+				defaultDate: "+1w",
+				changeMonth: true,
+				numberOfMonths: 3
+			})
+			.on( "change", function() {
+				from.datepicker( "option", "maxDate", getDate( this ) );
+			});
+
+		function getDate( element ) {
+			var date;
+			try {
+				date = $.datepicker.parseDate( dateFormat, element.value );
+			} catch( error ) {
+				date = null;
 			}
-		});
+
+			return date;
+		}
 	});
 	</script>
 </head>