JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<p>
  <label>Arrive</label>
  <input id="from-date1" class="from-date calender" type="text" />
</p>

<p>
  <label>Depart</label>
  <input id="to-date1" class="to-date calender" type="text" value="depart:1" />
</p>

<p>
  <label>Arrive</label>
  <input id="from-date2" class="from-date calender" type="text" value="2" />
</p>

<p>
  <label>Depart</label>
  <input id="to-date2" class="to-date calender" type="text" value="depart:2" />
</p>

JavaScript

function getDeparture(el){
    var toId = "#to-date"+el.attr("id").replace("from-date","");
    //do something with the value here
    console.log($(toId).val());
}
/*   
var id = "#from-date",
    i = 0;

while($(id+(++i)).length){
    getDeparture($(id+i));
}
*/