jquery Datepicker代码

Question

我想知道是否有人可以帮我解决我的jquery datepicker代码。 我改变了shopify中的主题，现在这个datepicker不会提供日历视图。它只是一个文本框（不包括日期）。谢谢！

{{ '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 }}" onkeyup="d_date.value=this.value" class="required" data-error="Please tell us which date you want your delivery for" /> 
    <input type="hidden" id="d_date" name="properties[date]" /> 
    <span style="display:block" class="instructions"> </span> 
    </p> 
</div> 

<script> 
jQuery(function() { 
    jQuery("#date{{i}}").val("").datepicker({ minDate: 2,      
     beforeShowDay: nonWorkingDates, 

       numberOfMonths: 1, 

       minDate: 2, 

       maxDate: '+2M', 

       firstDay: 7 

     }); 

     function noSunday(date){ 
      var day = date.getDay(); 
         return [(day > 0), '']; 
     }; 
    function nonWorkingDates(date) { 

       var day = date.getDay(), Sunday = 0, Monday = 1, Tuesday = 2, Wednesday = 3, Thursday = 4, Friday = 5, Saturday = 6; 

       var closedDates = [[1, 1, 2014], [12, 25, 2013]]; 

       var closedDays = [[Saturday], [Sunday]]; 



       for (var i = 0; i < closedDays.length; i++) { 

        if (day == closedDays[i][0]) { 

         return [false]; 

        } 

       } 



       for (i = 0; i < closedDates.length; i++) { 

        if (date.getMonth() == closedDates[i][0] - 1 && 

         date.getDate() == closedDates[i][1] && 

         date.getFullYear() == closedDates[i][2]) { 

         return [false]; 

        } 

       } 



       return [true]; 

      } 


    }); 
</script> 

Answer 1

谢谢你的帮助Steph。 我终于通过很多问题发现，我在Shopify中使用的主题不支持产品页面中的日期选择器。我不知道这是为什么。它支持日期选择器片段。仅限于每个产品页面。