javascript - 从输入框使用jquery在ajax中传递参数

Question

一旦我添加了日期和时间，url 应该变成这样

http://metrobikes.in/api/cities/1/models?start_time=14%3A00&end_time=16%3A00&end_date=2017-10-27&start_date=2017-10-27

即它应该加载当时可用的自行车

$('#btn-bik-sel').on('click', function() {
  alert("asdada");
  alert($('#datetimepicker2').val());
});


function available() {
  var date = $('#datetimepicker2').val();

  $.ajax({
    url: 'http://metrobikes.in/api/cities/1/models?',
    method: "GET",
    data: {
      'start_time': start_time,
      'end_time': end_time,
      'end_date': end_date,
      'start_date': start_date
    },
  }).done(function(data) {
    for (var i = 0; i < data.result.data.length; i++) {
      console.log(data);
    };
  });
};

<div class="col-xs-6">
  <input type="text" class="form-control date-time" id="datetimepicker2" placeholder="Start date">
  <input type="text" class="form-control date-time" id="datetimepicker1" placeholder="Start time" style="margin-top: 10px">
</div>

<div class="col-xs-6">
  <input type="text" class="form-control date-time" id="datetimepicker21" placeholder="End date">
  <input type="text" class="form-control date-time" id="datetimepicker111" placeholder="End time" style="margin-top: 10px">
</div>

<div class="col-xs-12 text-center" style="margin-top: 10px;">
  <button class="btn btn-primary" id="btn-bik-sel">Continue</button>
</div> 

Answer 1

尝试将您的 data 部分更改为:

...
data: {
      'start_time': $('#datetimepicker1').val(),
      'end_time': $('#datetimepicker111').val(),
      'end_date': $('#datetimepicker21').val(),
      'start_date': $('#datetimepicker2').val()
    },