Question

我正在为我的网站创建一个显示即将发生的事件的部分，我想让它只显示日期大于今天的事件（基本上只是div）。我只是不确定如何做这样的事情。

以下是我的局部视图中的代码：

sails.config.http.middleware.order

非常感谢任何想法或帮助。

Answer 1

一种非常简单的方法是使用DateTime.Compare方法See MSDN Documentation here

使用一些条件Razor渲染

假设项目[＆＃34; eventsdate＆＃34;]对象的类型为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>

MVC5 Foreach根据日期显示/隐藏

1 个答案: