passing parameters in ajax with jquery from input box

Question

Once I add the date and time the url should like this become

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

I.e. it should load the bikes available at that time

$('#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>

its an input field where user can enter any start and end date and time — Syed Tabeeb
– Syed Tabeeb, Commented Oct 27, 2017 at 9:49
Yes, but where are you setting those JS variables? They don't magically set the values without you writing some code to do it — Rory McCrossan
– Rory McCrossan, Commented Oct 27, 2017 at 9:59

making_code · Accepted Answer · 2017-10-27 09:59:12Z

2

try to change your data section to this:

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

answered Oct 27, 2017 at 9:59

making_code

1594 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Syed Tabeeb Over a year ago

and after that? if i click the button ill get the desired result?.

Prakash Pazhanisamy · Accepted Answer · 2017-10-27 10:09:25Z

0

You are not setting values to start_time, end_time, start_date and end_date. They don't magically set the values without you writing some code to do it. You can get those values using

$('#your-id').val();

answered Oct 27, 2017 at 10:09

Prakash Pazhanisamy

9831 gold badge15 silver badges25 bronze badges

1 Comment

Prakash Pazhanisamy Over a year ago

If this answer is useful please accept my answer @Syed Tabeeb

Collectives™ on Stack Overflow

passing parameters in ajax with jquery from input box

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related