Отключить прошлые даты jQuery DatePicker в проекте ASP.NET Core

Question

У меня проблемы с созданием DatePicker в моем проекте. Мне нужно отключить прошлые даты. Я перепробовал все, что думаю, но ничего не работает. Мне также нужно сохранить значение ввода. Кто-нибудь может помочь мне с этим?

Я пробовал minDate в скрипте, но он не работает.

@model EscapeGame2.ViewModels.RoomInfoViewModel

@{
    ViewData["Title"] = "Details";
}

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
    $('#datefield').datepicker({ minDate: 0 });  
</script>

<h1>Details</h1>

 <div>
    <h4>Room</h4>
    <hr />
    <dl class="row">
    <dt class="col-sm-2">
        @Html.DisplayNameFor(model => model.Name)
    </dt>
    <dd class="col-sm-10">
        @Html.DisplayFor(model => model.Name)
    </dd>
    <dt class="col-sm-2">
        @Html.DisplayNameFor(model => model.Description)
    </dt>
    <dd class="col-sm-10">
        @Html.DisplayFor(model => model.Description)
    </dd>
    <dt class="col-sm-2">
        <input class="datefield" data-val="true" data-val-required="Date is required"
               id="ReleaseDate" name="ReleaseDate" type="date" value="1/11/1989" />
    </dt>
</dl>

Answer 1

Для отключения прошлых дат в jQuery DatePicker необходимо использовать new Date() для значения minDate следующим образом:

 $(function() {
    $( ".datepicker" ).datepicker({
        minDate: new Date()
    });
});

Answer 2

    @model EscapeGame2.ViewModels.RoomInfoViewModel

@{
    ViewData["Title"] = "Details";
}

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
    $('.datepicker').datepicker({ minDate: 0 });  
</script>

<h1>Details</h1>

 <div>
    <h4>Room</h4>
    <hr />
    <dl class="row">
    <dt class="col-sm-2">
        @Html.DisplayNameFor(model => model.Name)
    </dt>
    <dd class="col-sm-10">
        @Html.DisplayFor(model => model.Name)
    </dd>
    <dt class="col-sm-2">
        @Html.DisplayNameFor(model => model.Description)
    </dt>
    <dd class="col-sm-10">
        @Html.DisplayFor(model => model.Description)
    </dd>
    <dt class="col-sm-2">
        <input class="datepicker" data-val="true" data-val-required="Date is required"  id="ReleaseDate" name="ReleaseDate" type="date" value="1/11/1989" />
    </dt>
</dl>