Permalink
Browse files

Datepicker: Fix date range demo when entering values manually

Fixes #11143
Closes gh-1454
  • Loading branch information...
scottgonzalez committed Feb 22, 2015
1 parent 1e7a1e8 commit fac8e517d7ea4c65bad21a65ad59eef1e4379efb
Showing with 28 additions and 15 deletions.
  1. +28 −15 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>

0 comments on commit fac8e51

Please sign in to comment.