用新命令修改了datepicker代码,但它不起作用

时间:2020-04-19 10:18:45

标签: datepicker

我在这里获得了日期选择器的代码:https://shopify.dev/tutorials/customize-theme-add-date-picker-for-delivery-dates

并且我一直在尝试对代码进行以下更改:

  • 将日期格式更改为dd / mm / yy并通过在“ dd / mm / yy”前面添加DD来显示日期
  • 禁止某些日子供客户选择(我们不提供星期一服务,所以我想在datepicker中禁止星期一

奇怪的是,在我保存代码后,有时它在刷新页面多次后仍然有效,有时又返回到最初添加的默认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>

0 个答案:

没有答案