Question

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

剃刀

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

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中禁用特定日期之前的所有日期？

1 个答案: