如果终止日期大于使用 JQuery 的今天日期，则禁用按钮答案

【问题标题】：Disable a Button if the Terminated Dateis greater than today's date using JQuery如果终止日期大于使用 JQuery 的今天日期，则禁用按钮
【发布时间】：2018-12-25 01:00:44
【问题描述】：

我在 Razor 中有一个带有按钮的页面：

<div class="panel-title createLink">
  <a href="@Url.Action("CreateSideLetter", "ClientSetup", new
  {
    page = Model.PagingInfo.Page,
    take = Model.PagingInfo.Take,
    sortBy = Model.PagingInfo.SortPropertyName,
    sortAsc = Model.PagingInfo.SortAscending
  })" data-container="body" data-toggle="tooltip" title="Add Side Letter" id="createSideLetterLink"
    <span class="fa fa-file"></span>&nbsp; Create Side Letter
  </a>
</div>

在数据库中，有一个终止日期。如果日期设置为今天之后，则无法单击该按钮。添加了一个工具提示，按钮为红色。

这可能与 JQuery 之类的东西有关吗？还是可以在 Razor 中使用 IF ELSE 语句来完成？

【问题讨论】：

做这个服务器端会更有意义。另请注意，您不能显式“禁用”a 元素。最接近的方法是使用 CSS 类在其上设置 pointer-events: none，但这仍然很容易解决。我建议在相关元素上设置href="#"。
另请注意，开头的<a> 标记缺少>
好的，如果我关闭服务器端，我会在控制器内部进行吗？
这完全取决于您如何构建 HTML。鉴于上面的示例，它看起来更像是您需要在 View 本身中执行此操作。
Model 中是否有终止日期？

标签： c# jquery asp.net asp.net-mvc razor

【解决方案1】：

您可以在View 中进行如下操作：

<div class="panel-title createLink">
    @if (Model.OriginalContract.SummaryInfo.TerminationDate > DateTime.Now)
    {
        // Set a tooltip and class
        <a href="#" title="your tooltip" id="createSideLetterLink"  class="your-class">
            <span class="fa fa-file"></span>&nbsp; Create Side Letter
        </a>
    }
    else
    {
        <a href="@Url.Action("CreateSideLetter", "ClientSetup", new
             {
                 page = Model.PagingInfo.Page,
                 take = Model.PagingInfo.Take,
                 sortBy = Model.PagingInfo.SortPropertyName,
                 sortAsc = Model.PagingInfo.SortAscending
            })" data-container="body" data-toggle="tooltip" title="Add Side Letter" id="createSideLetterLink">
            <span class="fa fa-file"></span>&nbsp; Create Side Letter
        </a>
    }
</div>

【讨论】：

有没有办法添加disabled class to it?
@Rob 是的。例如，您可以像 <a href="#" title="your tooltip" id="createSideLetterLink" class="btn btn-danger"> 那样做。