根据特定日期禁用按钮

Question

我有一个附有部分的 Razor 页面。我想禁用“创建”按钮。基于终止日期。如果终止日期设置为今天之后，将鼠标悬停在“创建边信”上应禁用该按钮，并添加引导工具提示。任何人都可以就如何最好地做到这一点向我提供一些帮助吗？

    @section scripts {

    <script language="javascript" type="text/javascript">

        $(function () {

            var lastItem = $(".contractSideLetterPanel:last");

            var clickableTitle = lastItem.children(".panel-heading:first").find("a");

            clickableTitle.click();

        });

    </script>

}

@section additionalStyles {

    @Styles.Render("~/plugins/datatables/media/css/cssDatatables")

}

@section modal {

}

<article class="row">

    <h1 class="pageTitle artistHeader fw200 mb20 mt10">@ViewBag.Title</h1>

    <div class="col-md-12">

        <div class="panel panel-visible" id="sideLettersContainer">

            @* Header *@

            <div class="panel-heading createContentTitle">

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

            </div>