如何查看当天是星期五并显示Mon和Thu液体/ shopify的div?

时间:2014-10-21 22:32:35

标签: javascript html css shopify liquid

我正在开展shopify项目。我有这样的事情让交付在指定的休息日无法使用。

{% capture c_date %}{{'now' | date: "%m-%d-%Y" }}{% endcapture %}
{% capture n_date %}{{'now' | date: "%s" | plus : 100800 | date: "%m-%d-%Y"}}{% endcapture %}
{% capture n_n_date %}{{'now' | date: "%s" | plus : 201600 | date: "%m-%d-%Y"}}{% endcapture %}
{% capture n_n_n_date %}{{'now' | date: "%s" | plus : 302400 | date: "%m-%d-%Y"}}{% endcapture %}

{% capture c_month %}{{ 'now' | date: "%-m" }}{% endcapture %}
{% capture co_month %}{{ 'now' | date: "%m" }}{% endcapture %}
{% capture c_year %}{{ 'now' | date: "%Y" }}{% endcapture %}
{% capture c_day %}{{ 'now' | date: "%w" }}{% endcapture %}
{% capture nod_curent_month %}{{ 'now' | date: "%-d"}}{% endcapture %}

{% assign n_day = c_day %}
{% assign i = 0 %}

问题是:我怎样才能做到这一点? : “如果当天是星期五,那么星期一和星期二将无法送货。”

我仍然对液体很新,并花了很多时间在这上面,但现在我不知道如何实现这个...首先尝试捕获%a并添加类似{% if c_date == 'Mon' %}的东西? < - 编辑1#:这是第一部分,但不是解决方案。我错过的是在查看当天之后,显示了Mon&的div。周四

编辑2#:这是link。点击日历图标即可查看。

非常感谢任何帮助! 谢谢你的时间:))

编辑3#:如果今天是星期五,请在星期一和星期二的日历上显示div。 (显示那些日子的交付不可用)我如何用.liquid实现这一点?

编辑4#:仍然有效。几乎将我的所有代码发布到此LINK

编辑5#:这是我对不同可用性的if else语句。第二个if else部分是我试图检查的那一天是星期五。但我找不到如何在星期一和星期二显示div。所以你可以看到只有一行试图检查这一天。

{% if  c_date == day %}
   <div class="deliveryUnavailable currentDay">
     <span class="day">{{ nod_curent_month }}</span> 
     <span class="event"></span> 
     <span class="deliveryType">Current Day</span> 
     <span class="deliveryPrice"></span> 
   </div>
{% else %}


{% capture c_date %}{{ 'now' | date:'%a' }}{% endcapture %}
  {% if c_date == 'Fri' %}
   <div class="deliveryUnavailable">
     <span class="day">{{ nod_curent_month }}</span> 
     <span class="event"></span> 
     <span class="deliveryType">Delivery Unavailable.</span> 
     <span class="deliveryPrice"></span> 
   </div>

{% else %}

{% if  add_sat == n_day %}
   <div class="deliveryAvailable" onclick="selectDate('{{ day }}','{{ e_charge }}');">
      <span class="day">{{ nod_curent_month }}</span> 
      <span class="event"></span> 
      <span class="deliveryType">Saturday Delivery</span> 
      <span class="deliveryPrice"> + {{ e_charge }} </span> 
   </div>   
{% else %}


{% if  n_date == day or off_sun == n_day or off_mon == n_day or off_tue == n_day or off_wed == n_day or off_thur == n_day or off_fri == n_day or off_sat == n_day %} 
   <div class="deliveryUnavailable">
      <span class="day">{{ nod_curent_month }}</span> 
      <span class="event"></span> 
      <span class="deliveryType">Delivery Unavailable</span> 
      <span class="deliveryPrice"></span> 
   </div>
{% else %}

{% if arr_holiday contains day or add_sun == n_day or add_mon == n_day or add_tue == n_day or add_wed == n_day or add_thur == n_day or add_fri == n_day %}
   <div class="deliveryAvailable" onclick="selectDate('{{ day }}','{{ e_charge }}');">
        <span class="day">{{ nod_curent_month }}</span> 
        <span class="event"></span> 
        <span class="deliveryType">Premium Delivery</span> 
        <span class="deliveryPrice"> + {{ e_charge }} </span> 
   </div>                 

{% else %} 
   <div class="deliveryAvailable" onclick="selectDate('{{ day }}','0');">
        <span class="day">{{ nod_curent_month }}</span> 
        <span class="event"></span> 
        <span class="deliveryType">Recommended Delivery Date</span> 
        <span class="deliveryPrice"></span> 
   </div> 
  {% endif %}
  {% endif %}                            
  {% endif %}
  {% endif %}
  {% endif %}

编辑6#:下面的第一张图片是我将'Wed'设置为测试时的结果,然后显示带有currentDay类的div(作为if else st。的第一部分)然后捕获和因为这一天是星期三,所以剩下的时间里,它显示了一个div,其中的课程交付时间不可用。所以我需要以某种方式限制它仅在周一和周二。 enter image description here 第二张图片显示'Fri'的结果,该结果仅获得当天 - 使第二天不可用 - 显示星期六交货并推荐一个。 enter image description here

编辑7#:下图显示了我想要实现的目标。当你看到它显示当天,使第二天不可用(因为其中一个if else st。),星期日总是不可用(因为另一个if else),如果当前日是星期五=进行下面的星期一和星期二不可用。 enter image description here

1 个答案:

答案 0 :(得分:2)

{% capture c_date %}{{'now' | date:'%a' }}{% endcapture %}

{% if c_date == 'Mon' %}

现在在我的手机上,但我认为应该这样做