javascript - datepicker date range: max date's min date = start day + 1 day -


using jquery ui's datepicker date range, how can customize default functionality when start date selected min date end date not same start date, start day + 1 day.

i know replace 'selecteddate' bunch of getdate() , setdate() functions called on start date val(), wondering if there might intended feature supported datepicker. selecteddate +1 day, tried , not work.

bellow code using sets option mindate of #to selected date in #from

<input type="text" id="from" name="from"> <input type="text" id="to" name="to">  <script>     $(function() {         $( "#from" ).datepicker({             onclose: function( selecteddate ) {                 $( "#to" ).datepicker( "option", "mindate", selecteddate );                  //how change mindate selecteddate + 1 day?              }         });         $( "#to" ).datepicker({             onclose: function( selecteddate ) {                 $( "#from" ).datepicker( "option", "maxdate", selecteddate );             }         });     }); </script> 

you use this

var actualdate = new date(selecteddate); var newdate = new date(actualdate.getfullyear(), actualdate.getmonth(), actualdate.getdate()+1); 

$(function() {          $( "#from" ).datepicker({              onclose: function( selecteddate ) {                                  //$( "#to" ).datepicker( "option", "mindate", selecteddate );                   //how change mindate selecteddate + 1 day?               var actualdate = new date(selecteddate);              var newdate = new date(actualdate.getfullyear(), actualdate.getmonth(), actualdate.getdate()+1);                       $("#to").datepicker("option","mindate", newdate)              },                      });          $( "#to" ).datepicker({              onclose: function( selecteddate ) {                  $( "#from" ).datepicker( "option", "maxdate", selecteddate );              }          });      });
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.1/jquery-ui.css" rel="stylesheet"/>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.1/jquery-ui.js"></script>    <input type="text" id="from" name="from">  <input type="text" id="to" name="to">


Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

Swift game error message -