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
Post a Comment