微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

需要帮助使 JQuery 日期选择器成为产品页面上的必填字段

如何解决需要帮助使 JQuery 日期选择器成为产品页面上的必填字段

我正在创建一个 shopify 网站。在产品页面上,我为蛋糕预订添加一个日期选择器。由于我现在已经设置好了,这个人可以将蛋糕添加到他们的购物车中而无需输入取货日期,这没有帮助。

如何将其设为必填字段,以便他们必须选择取货日期才能将其添加到购物车?

洞察力将不胜感激!

{% if product.title contains 'Cake' %}
{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" defer="defer"></script>
 
    <div style="width:300px; clear:both;">
    <p>
      <label for="date">PICK-UP DATE:</label>
      <input id="date" type="text" name="attributes[date]" value="{{ cart.attributes.date }}" />
      <span style="display:block" class="instructions">48-hour Notice for Cake Orders </span>
    </p>
  </div>


  <script>
    window.onload = function() {
      if (window.jQuery) {
        let $ = window.jQuery;

        $(function() {
          $("#date").datepicker({
            minDate: +2,maxDate: '+2M',});
        });
      }
    }
  </script>
{% endif %}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。