Shopify中的日期选择器问题



我实际上没有任何编程经验,但我发现我需要大量的编程经验来启动一个网站并让它做我需要的事情。在网上搜索了好几个小时的答案后,我想我应该把问题放在那里。

我已经将这个日期选择器片段添加到我的网站:

{{ 'http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
{{ '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' | script_tag }}
<div style="width:300px; clear:both;">
  <p>
    <label for="date{{i}}">Delivery Date of {{ item.title }} (Please allow at least 2 days       for delivery):</label>
<input id="date{{i}}" type="text" name="attributes[date{{i}}]" value="{{ cart.attributes.date }}" class="required" data-error="Please tell us which week you want your delivery for" />
<span style="display:block" class="instructions"> </span>
</p>
</div>
<script>
jQuery(function() { 
  jQuery("#date{{i}}").val("").datepicker({ minDate: 1,                     
    beforeShowDay: noSunday
  });
  function noSunday(date){
      var day = date.getDay();
                  return [(day > 0), ''];
  }; 
  });
</script>

我不能让noWeekends去上班。不过星期天不行。请帮忙!

第二个问题是,我让买家使用日期选择器为每个产品选择一个日期。所以我把日期选择器放在了product.liquid上,效果很好。但我想在结账时显示购物车中每件商品的选择日期。有人愿意帮助我理解它的编码吗?

编辑时包含更多信息:在我的cart.liquid中,我有以下代码来显示客户在将产品添加到购物车之前添加到产品上的每个产品的一些定制功能。现在,我还让他们在产品页面上添加日期,然后再将产品添加到卡片中。当我到达购物车时,下面的代码运行良好,所有自定义功能都显示出来了。一个问题是我不知道如何添加日期。最后,我也不希望客户在没有填写每个可定制部分和每个产品的日期的情况下将东西添加到购物车中。有人能帮我理解如何编码这个功能吗?非常感谢。

{% for p in item.properties %}
{% unless p.last == blank %}
{{ p.first }}:
{% if p.last contains '/uploads/' %}
<a class="lightbox" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
    {% else %}
    {{ p.last }}
    {% endif %}
    <br />
  {% endunless %}
{% endfor %}

要使日期选择器正确工作,我认为您需要使用:

$.datepicker.noWeekends

或:

jQuery.datepicker.noWeekends

作为参数。(我刚刚在当地进行了测试,这对我很有效)。

如果你能为答案的第二部分提供更多的代码/信息,我可以帮你。

最新更新