如何根据日期显示内容

Question

在我的Shopify商店中，我想在02/01/2022-02/14/2022的液体文件中显示一个HTML横幅。这是只为情人节的订单，所以我想车展的横幅正好在这些日期，从1日到14日。

Answer 1

从Spotify液体文档中，您可以使用下面的代码片段创建一个条件代码路径：

{% assign start = "2022-01-02" | date: '%s' %}
{% assign end = "2022-02-14" | date: '%s' %}
{% assign today = "now" | date: '%s' %}
{% if  start <= today and today <= end %}
    <h2>Show banner</h2>
{% endif %}

此代码将仅在指定的时间范围内显示横幅。你可以在液体编辑器上试用一下：https://liquidjs.com/playground.html

Answer 2

使用一个简单的if-语句。使用Date()，您可以获得所需的所有信息。

​

const date = new Date();

if (date.getDate() > 14 && date.getMonth() === 1 && date.getFullYear() === 2022) {
    document.getElementById('banner').style.display = 'none';
}

<div id="banner">BANNER</div>

​

确保二月的date.getMonth()设置为1，因为值从0开始。