Bootstrap 日期选择器禁用某些字段的日期

Question

我有一系列 bootstrap 像这样的日期字段

<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"  />

我想禁用下一次审核日期日历（第一个日历输入）的过去日期。对于其余的，我应该能够 select 过去的日期。

这就是我禁用过去日期的方式，它禁用其他日期字段also.how我可以将其限制为仅一个字段吗？

<script>
    var date = new Date();
    date.setDate(date.getDate());

    $('.datepicker').datepicker({
        format: 'dd/mm/yyyy',
        startDate: date
        
    });

    
</script>

谢谢，蒂娜

Answer 1

how can i restrict this for only one field?

三个日期选择器输入包含不同的 ID。您可以使用id选择器来区分日期选择器。

startDate: date 无法禁用过去日期选择，它只是设置日期选择器的开始日期。您需要使用 minDate: 0 禁用过去日期选择。

像下面这样更改您的代码：

$('#DateSalesRequest,#DateFinalInfoReceived').datepicker({
    format: 'dd/mm/yyyy'
});

$('#TxtNextReviewDate').datepicker({
    format: 'dd/mm/yyyy',
    minDate: 0
});

结果：

minDate 对我不起作用。但是我设法解决了这个问题。谢谢提示。

<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>

Bootstrap 日期选择器禁用某些字段的日期

Bootstrap datepicker disable dates for certain fields

asp.net-core

bootstrap-datepicker