Contoh untuk @jimin from @markeronly sekolahkoding.com

Contoh untuk mas @jimin dari @markeronly sekolahkoding.com Semoga bermanfaat mas

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.repeater/1.2.1/jquery.repeater.min.js"></script>
  <form method="POST" class="form-horizontal well" role="form">
  <fieldset>
    <legend>Peminjaman</legend>
    <div class="form-group">
      <label class="col-sm-1 control-label">No Pinjam</label>
      <div class="col-sm-2">
        <input type="text" class="form-control" placeholder="No Pinjam">
      </div>
      <label class="col-sm-1 control-label">Tanggal Pinjam</label>
      <div class="col-sm-2">
        <input type="text" class="form-control datepicker"/>
      </div>
     </div>
    
    <div class="repeater-default">
      <div data-repeater-list="peminjaman">
      
        <div data-repeater-item>
          <div class="form-group">
            <div class="col-sm-4">
              <label class="col-sm-1 control-label">Nama Barang
              </label>
              <input type="text" class="form-control" value="Mouse"/>
              <label class="col-sm-1 control-label">Jumlah Pinjam
              </label>
              <input type="number" class="form-control"/>
            </div>
            <label class="col-sm-1 control-label">Tanggal Kembali</label>
            <div class="col-sm-2">
              <input type="text" class="form-control datepicker">
            </div>

            <div class="col-sm-2">
              <span data-repeater-delete class="btn btn-danger btn-sm">
                <span...

CSS

body {
  padding: 56px 12px 0px 12px;
}

JavaScript

$('.datepicker').datepicker();
$('.repeater-default').repeater();