比较液体中的日期

Question

我正在使用 Liquid 和 Jekyll 在我的乐队网站 (http://longislandsound.com.au) 上发布日期，

我想要的是自动隐藏旧日期，这样我就不必再次进去删除它们。我认为最好的方法是将发布日期与当前日期进行比较，并且仅在该日期是将来的情况下才显示该帖子，但我不知道如何执行此操作。

这是当前的代码：

<ul id="dates">
{% for post in site.posts reversed %}
<a href="{{post.link}}">
<li>
    <div class="date">
        <span class="day">{{post.date | date: "%d"}}</span><br />
        <span class="month">{{post.date | date: "%b"}}</span>
        <span class="week">{{post.date | date: "%a"}}</span>
    </div>
    <div class="details">
        <span class="venue">{{post.venue}}</span><br />
        <span class="town">{{post.town}}</span>
    </div>
</li>
</a>
{% endfor %}
</ul>

我尝试了一些 if 语句，但我不知道如何将发布日期与当前日期进行比较。

有人可以帮忙吗？

Answer 1

基于date-math-manipulation-in-liquid-template-filter 和 get-todays-date-in-jekyll-with-liquid-markup，您应该能够使用 {{'now'}} 或 {{site.time}} 以及难以找到的 unix 时间戳日期过滤器的组合<代码>| date: '%s'

{% capture nowunix %}{{'now' | date: '%s'}}{% endcapture %}
{% capture posttime %}{{post.date | date: '%s'}}{% endcapture %}
{% if posttime < nowunix %}
...show posts...

捕获的数字可以充当字符串，而不是数字，并且可以使用以下 hack 将类型转换回数字：

{% assign nowunix = nowunix | plus: 0 %}

Answer 2

尽管此代码有效：

{% capture nowunix %}{{'now' | date: '%s'}}{% endcapture %}
{% capture posttime %}{{post.date | date: '%s'}}{% endcapture %}
{% if posttime < nowunix %} ...show posts...

它仅在构建期间执行。如果你想让你的网站真正自动更新，你应该让 javascript 来隐藏。

从这个 Liquid 开始：

{% for item in site.events %} 
  <div future-date="{{ item.date | date: '%Y%m%d' }}">...</div> 
{% endfor %}

并添加这个 javascript：

function getCompareDate() { 
  var d = new Date(), 
      month = '' + (d.getMonth() + 1), 
      day = '' + d.getDate(), 
      year = d.getFullYear(); 
  if (month.length < 2) month = '0' + month; 
  if (day.length < 2) day = '0' + day; 
  return [year, month, day].join(''); 
} 

$('[future-date]').each(function() { 
  if($(this).attr('future-date') < getCompareDate()) $(this).hide(); 
});

解决方案在这里找到：http://jekyllcodex。 org/without-plugin/future-dates/

---

更新（2018-02-19）：
CloudCannon 现在有预定的构建，您可以简单地指定每天构建一次项目。如果您使用CloudCannon，我推荐用户[此处]的答案。