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

时间:2018-07-17 10:46:20

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

我在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语句来完成?

1 个答案:

答案 0 :(得分: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>