Shopify 中的日期选择器问题答案

【问题标题】：datepicker issues in ShopifyShopify 中的日期选择器问题
【发布时间】：2014-01-02 23:48:37
【问题描述】：

实际上我的编码经验为零，但我发现我需要大量的经验来创建一个网站并让它完成我需要的事情。在网上搜索了几个小时的答案后，我想我应该把我的问题放在那里。

我已将此日期选择器 sn-p 添加到我的网站：

{{ '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 工作。但是没有周日工作。请帮忙！

第二个问题是我让买家使用 datepicker 为每个产品选择一个日期。所以我把 datepicker 放在 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 %}

【问题讨论】：

标签： jquery datepicker shopping-cart shopify

【解决方案1】：

为了让日期选择器正常工作，我认为您需要使用：

$.datepicker.noWeekends

或：

jQuery.datepicker.noWeekends

...改为参数。（我刚刚在本地进行了测试，这对我有用）。

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

【讨论】：

所以现在我有以下内容：