2013-12-15 88 views
0

我实际上没有编码经验,但是我发现我需要很多它来启动一个站点并让它执行我需要的事情。在网上搜索答案几个小时后,我想我应该把问题放在那里。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工作。没有星期天的作品。 请帮忙!

第二个问题,是我有买家使用日期选择器为每个产品选择一个日期。所以我已经把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 %} 

回答

0

为了让日期选择器工作正常,我认为你需要使用:

$.datepicker.noWeekends 

或:

jQuery.datepicker.noWeekends 

...作为替代参数。 (我刚刚在本地进行测试,并为我工作)。

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

+0

噢谢谢你,我设法让日期选择器工作! – Learner

+0

所以现在我有以下几点: – Learner