Vergleichen von Datumswerten in Flüssigkeit

Ich bin mit der Flüssigkeit mit Jekyll zu post Termine auf meiner band-website (http://longislandsound.com.au)

Was ich will, ist automatisch ausblenden, alte Termine, so dass ich nicht haben, zu gehen und wieder zu entfernen. Ich denke, der beste Weg, es zu tun, wäre ein Vergleich der post-Datum auf das aktuelle Datum und nur Anzeige der post, wenn das Datum in der Zukunft, aber ich kann nicht herausfinden, wie dies zu tun.

Hier ist der aktuelle code:

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

Habe ich versucht, einige if-Anweisungen, aber ich kann nicht herausfinden, wie zu vergleichen und das post-Datum auf das aktuelle Datum.

Kann jemand helfen?

InformationsquelleAutor Chris Lawrence | 2011-08-17
  1. 29

    Basierend auf Datum-math-manipulation-in-liquid-template-filter und get-todays-Datum-in-jekyll-mit-liquid-markup, sollten Sie in der Lage sein, die Verwendung einer Kombination von {{'now'}} oder {{site.time}} und die schwer zu finden, unix timestamp, Datum filter | date: '%s'

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

    Erfassten zahlen als strings, nicht zahlen und kann den Typ cast zurück zu zahlen mit den folgenden hack:

    {% assign nowunix = nowunix | plus: 0 %}
    • Gibt es eine Möglichkeit zum filtern von posts, um nur zukünftige Ereignisse, die außerhalb einer Schleife? Ich imaging Tests now vs. event.date bekommen würde, teurer ist, als die Zahl der Veranstaltungen wächst. Sie erwähnen mit with_scope hier, aber das Jekyll nicht erkennen es als ein tag.
    • Das war unglaublich hilfreich, danke!
    InformationsquelleAutor here
  2. 4

    Obwohl dieser code funktioniert:

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

    Es nur ausgeführt wird, während bauen. Wenn Sie möchten, dass Ihre website wirklich automatisch aktualisieren, sollten Sie javascript nicht verstecken.

    Beginnen mit dieser Flüssigkeit:

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

    Und fügen Sie dieses 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(); 
});

    War die Lösung hier gefunden: http://jekyllcodex.org/without-plugin/future-dates/

    UPDATE (2018-02-19):

    CloudCannon jetzt geplant hat, baut, wo man einfach angeben, erstellen Sie das Projekt einmal am Tag. Wenn Sie CloudCannon, empfehle ich Ihnen die Antwort des Benutzers [hier].

    • Kein jquery, bitte.
    • Ich bin nicht der Planung um zu lernen, ein 10-Jahr-alte veraltete Technik, und ich bin nicht der Planung zu tun Rätselraten entweder. In Ihrer aktuellen form ist diese Antwort nutzlos für mich, aber wenn Sie schreiben, ohne mithilfe von jQuery werde ich entfernen meinen downvote.
    • Ich wusste nicht, dass Sie kann in die Zukunft sehen. Gut für Sie! Frohes neues Jahr!
    InformationsquelleAutor JoostS
Schreibe einen Kommentar