重力形式 - 日期选择器 - 不允许结束日期早于开始日期

【问题标题】：Gravity Forms - Date Picker - Disallow End Date to be before Start Date重力形式 - 日期选择器 - 不允许结束日期早于开始日期
【发布时间】：2015-09-14 15:36:11
【问题描述】：

基本上，我在我的 WordPress 网站上使用 Gravity Forms 创建了一个大型表单。我的表单的一个部分列出了一堆项目，其中列出了“开始日期”和“结束日期”——示例：

物品 |开始日期 |结束日期

项目#1 | 2015 年 5 月 1 日 | 2015 年 5 月 25 日

我要做的是让我可以禁止“结束日期”在选定的“开始日期”之前。如果用户甚至无法从日期选择器下拉菜单中选择日期，那将是最好的，但如果它必须是提交时弹出的错误，那很好。我已经研究了几个小时，但我太菜鸟了，不知道该怎么做。感谢您的所有帮助！

【问题讨论】：

标签： php jquery wordpress date gravity-forms-plugin

【解决方案1】：

试试这样，它使用 jQuery 的 datepicker 函数：

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
  <script>
  $(function() {
    $( "#from" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });
  </script>
<label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">

【讨论】：