Jump to content

Vladislav

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by Vladislav

  1. @Jay@TastefulTitles.com This is the code you are looking for:

     

    <link rel="stylesheet" href="dist/the-datepicker.css">
    <script src="dist/the-datepicker.js"></script>
    
    <input id="date1">
    <input id="date2">
    
    <script>
    	(function () {
    		// 1st datepicker initialization
    		var input1 = document.getElementById('date1');
    		var datepicker1 = new TheDatepicker.Datepicker(input1);
    		datepicker1.options.setMinDate('+ 10 days');
    		datepicker1.render();
    
    		// 1st datepicker initialization
    		var input2 = document.getElementById('date2');
    		var datepicker2 = new TheDatepicker.Datepicker(input2);
    		datepicker2.options.setMinDate('+ 10 days');
    		datepicker2.render();
    
    		// change min date of 2st datepicker every time 1st datepicker is updated
    		datepicker1.options.onSelect(function () {
    			datepicker2.options.setMinDate(datepicker1.getSelectedDate() || '+ 10 days');
    			datepicker2.render();
    		});
    	})();
    </script>

     

×
×
  • Create New...