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

Question

基本上，我使用重力表单在 WordPress 网站上创建了一个大型表单。我的表单的一个部分列出了一堆项目，其中列出了“开始日期”，后跟“结束日期” - 示例:

项目 |开始日期 |结束日期

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

我所追求的是制作它，以便我可以禁止“结束日期”早于所选的“开始日期”。如果用户甚至无法从日期选择器下拉列表中选择日期，那就最好了，但如果必须是提交时弹出的错误，那也可以。我已经研究这个问题好几个小时了，但我太菜鸟了，不知道到底该怎么做。感谢您的帮助!

Answer 1

尝试这样的方法，它使用 jQuery 的日期选择器函数:

  <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">