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

编程问答 2022-05-28

问题描述

我正在创建一个 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 (将#修改为@）

datepickerdatepickerjqueryrequiredfieldvalidatorrequiredfieldvalidator