JSFiddle - React, Tailwind, and code Playground

by Nicholas Bridgemohan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<form>
<div class="row">
  <label class="col-sm-2">Details</label>

  <div class="col-sm-10">
    <textarea class="form-control" name="details" rows="2" required placeholder="Enter Details"></textarea>

  </div>

</div>


<div class="row">
  <label class="col-sm-4">Time Transport Arrived</label>

  <div class="col-sm-4">
    <input type="datetime-local" class="form-control" name="time_arrived" id="time_arrived" required placeholder="Arrival Time">
  </div>
  <div class="col-sm-4">
    <button  type ="button" id="time_arrived_btn">Set Time</button>
  </div>

</div>

<div class="row">
  <label class="col-sm-4">Time Transport Entered Compound</label>

  <div class="col-sm-4">
    <input type="datetime-local" class="form-control" name="time_in" id="time_in" required placeholder="Time inside WTF compound">
  </div>
  <div class="col-sm-4">
    <button type ="button" id="time_in_btn">Set Time</button>
  </div>

</div>

<div class="row">
  <label class="col-sm-4">Time Transport Left Compound</label>

  <div class="col-sm-4">
    <input type="datetime-local" class="form-control" name="time_out" id="time_out" required placeholder="Time left WTF Compound">
  </div>
  <div class="col-sm-4">
    <button type ="button" id="time_out_btn">Set Time</button>
  </div>

</div>

</form>

JavaScript

$(document).ready(function() {
              $('#time_arrived_btn').click(function() {
                var time = moment().format('YYYY-MM-DDThh:mm');
                $('#time_arrived').val(time);
              });

              $('#time_in_btn').click(function() {
                var time = moment().format('YYYY-MM-DDThh:mm');
                $('#time_in').val(time);
              });

              $('#time_out_btn').click(function() {
                var time = moment().format('YYYY-MM-DDThh:mm');
                $('#time_out').val(time);
              });
            });