how to disable future date in bootstrap datepicker using jquery
Spread the love

how to disable future date in bootstrap datepicker using jquery

Just copy the codes and paste in your HTML

    <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta https-equiv="X-UA-Compatible" content="IE=edge">
    <title>Pay Fees</title>
<!--date picker -->
<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker({
format:'yyyy-mm-dd',
maxDate: new Date()

});

});
</script>

</head>
<body>
<input type ="text" id ="datepicker" name ="datepicker">
</body>


   <!--date picker -->
</html>
Facebook Comments Box

Leave a Reply