Question

我正在处理简单的代码安排，以便在表单提交后将输入值发送到重定向页面。

然而，我完成脚本的技能设置有点过于基本，我希望下面的脚本重定向，如下所述：

此处有生成＆＃34;签入和签出输入字段的表单：

<form class="form book-now-form" role="form" id="widget_booking_form" name="widget_booking_form">
    <input id="action" type="hidden" value="2" name="action"> <input id="clone_id" type="hidden" value="1111" name="bbid">
    <!--check in element-->
    <div class="form-group">
       <label for="check-in">Check In</label> <!-- <input type="textfield" class="form-control" id="check-in" placeholder="12.20.2014"> -->
       <input type="text"  class="form-control" id="start-date" name="startdate" placeholder="mm/dd/yyyy">
    </div>
    <!--check out element-->
    <div class="form-group">
       <label for="check-out">Check Out</label> <!-- <input type="textfield" class="form-control" id="check-out" placeholder="12.27.2014"> -->
       <input type="text" class="form-control" id="end-date" name="enddate" placeholder="mm/dd/yyyy" >
    </div>
    <!--submit-->
    <div class="form-group">
       <button name="Submit" href="#" class="btn btn-sm btn-warning">Search</button>
    </div>
</form>

这里有JS用于生成日历和日期：

$( document ).ready(function() {
  $( function() {
    var dateToday = new Date();
    var dates = $("#start-date, #end-date").datepicker({
      defaultDate: "+2d",
      changeMonth: true,
      numberOfMonths: 1,
      minDate: dateToday,
      onSelect: function(selectedDate) {
          var option = this.id == "start-date" ? "minDate" : "maxDate",
          instance = $(this).data("datepicker"),
          date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
          dates.not(this).datepicker("option", option, date);
      }
    });
  });
});

但是使用上面的代码，脚本会错误地生成输入值（Dates）以及所有输入变量。

所以我现在需要使用以下变量格式将页面重定向到nightsbrige的桥（https://www.nightsbridge.co.za/bridge/book）

?action=2&bbid=1111&startdate=2018-05-08&enddate=2018-05-09

而不是?action=2&bbid=1111&startdate=05%2F16%2F2018&enddate=05%2F23%2F2018&Submit=

任何帮助将非常感谢:)一旦修复此代码，它将是免费使用。

Nightsbridge预订日历，在表单提交后将输入值发送到重定向页面

0 个答案: