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

【问题标题】：How to disable all dates prior to a specific day in the DatePicker?如何在 DatePicker 中禁用特定日期之前的所有日期？
【发布时间】：2018-08-17 15:07:43
【问题描述】：

我不熟悉使用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

});

实施此操作后，我仍然可以选择lastDate 之前的日期。我知道.datepicker 指的是datepicker 类。但是，我不确定是否可以使用#fromDate ID 代替.datepicker。

【问题讨论】：

标签： twitter-bootstrap datepicker bootstrap-datepicker

【解决方案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>

【讨论】：