我在这里获得了日期选择器的代码:https://shopify.dev/tutorials/customize-theme-add-date-picker-for-delivery-dates
并且我一直在尝试对代码进行以下更改:
奇怪的是,在我保存代码后,有时它在刷新页面多次后仍然有效,有时又返回到最初添加的默认datepicker设置。
请帮助!
{{ '//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:500px; clear:both;">
<p>
<label for="date">Pick your preferred delivery date (The cut off time for next day delivery is 9pm):</label>
<input required id="date" type="text" name="note" value="{{ cart.attributes.date }}" />
<span style="display:block" class="CartSpecialInstructions "> Delivery timings: </span>
</p>
</div>
<script>
jQuery(function() {
jQuery("#date").datepicker( {
minDate: +1,
maxDate: "+2M",
dateFormat: "DD dd/mm/yy",
daysOfWeekDisabled: "1",
});
});
</script>