Javascript MVC5 Foreach基于日期显示/隐藏

我正在为我的网站创建一个显示即将到来的事件的部分，我想让它只显示日期大于今天的事件（基本上只是div）。我只是不知道怎么做这样的事

以下是我部分观点中的代码：

         <div class="container">
        <h1 class="text-center">Upcoming Events and Training</h1>
        <div class="row" style="width: 70%; margin: 0 auto;">
            @if (Model.CDSContent != null)
            {
                foreach (var item in Model.CDSContent)
                {   
                    <div class="col-md-12" style="border: 1px solid #dfdfdf; height: 100px; background-color: #f5f5f5; padding: 20px;">
                        <div class="row" style="height:100%;">
                            <div class="col-md-3 col-xs-12" style="height: 100px; font-size: 1.5em; padding-top: 15px;">@Html.Raw(item["eventsdate"])</div>
                            <div class="col-md-9 col-xs-12"><a href="@Html.Raw(item["eventsattachment"])" target="_blank">
                                <h3>@Html.Raw(item["eventstitle"])</h3>
                                <p>Click here to find out more.</p>
                                </a></div>
                        </div>
                    </div>
                }
            }
            </div>
        </div>

即将举行的活动和培训
@if（Model.CDSContent！=null）
{
foreach（Model.CDSContent中的var项）
{   
@Html.Raw（项目[“eventsdate”]）
}
}

---

任何想法或帮助都将不胜感激。

一种非常简单的方法是使用DateTime.Compare方法进行条件Razor渲染

假设项[“eventsdate”]对象的类型为DateTime，则可以执行以下操作：

<div class="container">
    <h1 class="text-center">Upcoming Events and Training</h1>
    <div class="row" style="width: 70%; margin: 0 auto;">
        @if (Model.CDSContent != null)
        {
            foreach (var item in Model.CDSContent)
            {   
                @if(DateTime.Compare(item["eventsdate"], DateTime.Now) > 0)
                {
                <div class="col-md-12" style="border: 1px solid #dfdfdf; height: 100px; background-color: #f5f5f5; padding: 20px;">
                    <div class="row" style="height:100%;">
                        <div class="col-md-3 col-xs-12" style="height: 100px; font-size: 1.5em; padding-top: 15px;">@Html.Raw(item["eventsdate"])</div>
                        <div class="col-md-9 col-xs-12"><a href="@Html.Raw(item["eventsattachment"])" target="_blank">
                            <h3>@Html.Raw(item["eventstitle"])</h3>
                            <p>Click here to find out more.</p>
                            </a></div>
                    </div>
                </div>
                }
            }
        }
        </div>
    </div>

即将举行的活动和培训
@if（Model.CDSContent！=null）
{
foreach（Model.CDSContent中的var项）
{   
@if（DateTime.Compare（item[“eventsdate”]、DateTime.Now）>0）
{
@Html.Raw（项目[“eventsdate”]）
}
}
}

谢谢。唯一的问题是我猜我的项目是不正确的类型，因为它不工作。VisualStudio中的错误消息显示：；“与'System.DateTime.Compare（System.DateTime，System.DateTime）'匹配的最佳重载方法具有一些无效参数”是的，您确实需要知道正在使用的类型。您可以调试应用程序，在DateTime上设置断点。比较行并从中确定类型。例如，如果它是字符串，则可以将其转换为日期时间类型。请参见不要忘记将回答标记为答案，如果它有助于您解决问题：）