时间戳

首页 > 解决方案 > 在 ASP.NET Core 项目中禁用 jQuery DatePicker 的过去日期

c# - 在 ASP.NET Core 项目中禁用 jQuery 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>

标签： c#.netasp.net-core

解决方案

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

推荐阅读