如何禁用 DatePicker 中特定日期之前的所有日期？

Question

我刚开始使用 Bootstrap datepicker。我的页面中有两个 datepickers：FromDate 和 ToDate。我希望仅在 FromDate 日期选择器中禁用名为 lastDate 的特定日期之前的所有日期。我有以下代码：

剃刀

<input type='text' asp-for="FromDate" class="form-control date-picker" placeholder="Click here..." id="fromDate" name="fromDate" required checkdate data-date-form>

jQuery

var lastDate = @ViewBag.LastDate;

$('.datepicker').datepicker({
    startDate: lastDate

});

执行此操作后，我仍然能够 select 日期早于 lastDate。我理解 .datepicker 指的是 datepicker class。但是，我不确定是否可以使用 #fromDate ID 代替 .datepicker。

Answer 1

标准日期 format 是：“mm/dd/yyyy”

如果您的 lastDate 不符合该格式，您需要指定您的特定格式：

$('#fromDate').datepicker({
   format: 'dd/mm/yyyy',
   startDate: '18/08/2018'
});

$('#fromDate').datepicker({
    format: 'dd/mm/yyyy',
    startDate: '18/08/2018'
});

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>

    <input type='text' asp-for="FromDate" class="form-control date-picker" placeholder="Click here..."
           id="fromDate" name="fromDate" required checkdate data-date-form>

如何禁用 DatePicker 中特定日期之前的所有日期？

How to disable all dates prior to a specific day in the DatePicker?

datepicker

twitter-bootstrap

bootstrap-datepicker