How to show only specific period Date in Bootstrap Datepicker

Step -1
Add BootStrap CDN’s

<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css”>

<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js”></script>

<script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script> (Optional)

Step -2 

Add HTML input tag –

<input type=”text”name=”Date” id=”Date”   placeholder=”DD/MM/YYYY”>

Step -3 

Add Java Script Code

in this Example We have Disabled past 6 months from Current date 

<script>

$( “#Date”).datepicker({
dateFormat: ‘dd/mm/yy’,
changeMonth: true, changeYear: true,
minDate: ‘-6m’,
maxDate: new Date() });

</script>

Leave a Reply