Bootstrap datepicker disable dates for certain fields - asp.net-core

Question

I have series of bootstrap date fields like this
<input id="TxtNextReviewDate" type="text" asp-for="RequestFormMaster.NextReviewDate" class="form-control form-control-sm datepicker">
<input id="DateSalesRequest" asp-for="SLAInformation.SalesDateOfSubmission" type="text" class="form-control form-control-sm datepicker" />
<input id="DateFinalInfoReceived" asp-for="SLAInformation.SalesFinalInfoReceived" type="text" class="form-control form-control-sm datepicker" />
i want to disable past dates for Next Review Date Calendar(First Calendar input).For the rest i should able to select the past dates.
This is how i am disabling the past dates, its disabling other date field also.how can i restrict this for only one field?
<script>
var date = new Date();
date.setDate(date.getDate());
$('.datepicker').datepicker({
format: 'dd/mm/yyyy',
startDate: date
});
</script>
Thanks,
Teena

Answer 1

how can i restrict this for only one field?
Three Datepicker inputs contains different id. You can use id selector to distinguish the datepicker.
startDate: date cannnot disable the past date selection, it just set the Datepicker's start date. You need use minDate: 0 to disable past date selection.
Change your code like below:
$('#DateSalesRequest,#DateFinalInfoReceived').datepicker({
format: 'dd/mm/yyyy'
});
$('#TxtNextReviewDate').datepicker({
format: 'dd/mm/yyyy',
minDate: 0
});
Result:
minDate is not working for me. However i managed to fix the issue. Thanks for the hint.
<script>
var date = new Date();
date.setDate(date.getDate());
$('#TxtNextReviewDate').datepicker({
format: 'dd/mm/yyyy',
startDate: date
});
$('#TxtLastDate,#TxtDateFinalApproval').datepicker({
format: 'dd/mm/yyyy',
});
</script>