Question

一旦我添加了日期和时间，网址就会变成

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()
    },

Answer 2

您未将值设置为start_time，end_time，start_date和end_date。他们不会在没有编写代码的情况下神奇地设置值。您可以使用

获取这些值

<强> $('#your-id').val();

使用jquery从输入框传递ajax中的参数

2 个答案: