Dynamically set maximum date in jquery (javascript)

user_12620755 0
Viewed 87
<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>

</div><!-- End demo -->

$(function() {

        $( "#datepicker" ).datepicker({ 
            changeYear: true,
            minDate: '-3M',
            maxDate: '+28D',
        });
    });

I want to give admin power so that they can dynamically set the maximum date from the drop down. For e.g - if admin selects 3 from drop down it should automatically reflect in maxDate.

html php jquery javascript
1 Answers

Here is your solution

I added new dropdown where admin select value it will automatically add in MaxDate

var newdate=$("#selected").val();
function getdate() {

console.log(newdate)
 $("#datepicker").datepicker("destroy");
$( "#datepicker" ).datepicker({ 
            changeYear: true,
            minDate: '-3M',
            maxDate: '+'+newdate+'D',
        });
    }
    $( "#datepicker" ).datepicker("refresh");
    getdate() 
  function change(){
  newdate=$("#selected").val();
  getdate() 
  }
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>

<select id="selected" onchange="change()">
<option>3</option>
<option>4</option>
</select>

</div><!-- End demo -->

user_144398480
Related