CP_datepicker_readonly

CP_datepicker_readonly

by bryiantan

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>From Date: <input type="text" id="FromDate"></p>
<p>To Date: <input type="text" id="ToDate"></p>

JavaScript

$( function() {
    //$( "#datepicker" ).datepicker();
  $("#datepicker").datepicker({minDate:-1,maxDate:-2}).attr('readonly','readonly');     
 
    $("#FromDate").datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "-100:+10",
      dateFormat: 'dd-M-yy',
      onSelect: function (dateStr) {
        var max= new Date(dateStr);
        max.setDate(max.getDate() + 1);
        //$('#ToDate').datepicker('setDate', max);
       //$("#ToDate").attr('readonly', true);
        $("#ToDate").datepicker("setDate", max)
        	.datepicker(
        	{
          	minDate:-1,
            maxDate:-2
          })
         
          .attr('readonly','readonly');
      }
    });
   // $( "#ToDate" ).datepicker();
  
  });