simak/app/lap_ba/main.php

<script type="text/javascript">
  var userTarget = "";
var exit = false;
$('.input-daterange').datepicker({
  format: "dd/mm/yyyy",
  weekStart: 1,
  orientation: "bottom auto",
  autoclose: true,
  showOnFocus: true,
  maxViewMode: 'days',
  keepEmptyValues: true,
  templates: {
    leftArrow: '&lt;',
    rightArrow: '&gt;'
  }
});
$('.input-daterange').focusin(function(e) {
  userTarget = e.target.name;
});
$('.input-daterange').on('changeDate', function(e) {
  if (exit) return;
  if (e.target.name != userTarget) {
    exit = true;
    $(e.target).datepicker('clearDates');
  }
  exit = false;
});
var thn_dpa=$('#thn_dpa').val();
</script>
<style type="text/css">
.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}
</style>
<br>
<br>
<br>
<br>
<p class="judul_page"><i class="mdi mdi-file-document m-r-5"></i>Laporan BA</p>


<div class="input-group my-group">
<select class="selectpicker form-control" name="cari_ba" id="cari_ba" style="width:70%;font-family:Arial;font-weight:bold;background-color:#f3f3f3;border-color:#f3f3f3;">
<option value=""><span></span></option>
<?php 
include("../koneksi.php");
$thn=$_POST['thn_dpa'];
$d=pg_query("SELECT a.id,a.nama
FROM riwayat_ba b 
INNER JOIN pekerjaan p ON (p.id=b.pekerjaan_id)
INNER JOIN sub_kegiatan s ON (s.id=p.sub_kegiatan_id)
INNER JOIN berita_acara a ON (a.id=b.berita_acara_id)
WHERE s.thn='$thn'
GROUP BY a.id,a.nama
ORDER BY a.id ASC
");
while($r=pg_fetch_array($d)) { 
?>
    <option value="<?php echo $r[0];?>"><?php echo $r[1];?></option>
<?php } ?>
</select>
<div class="input-group input-daterange" style="width:30%;" name="pd1" id="pd1">
  <input type="text" id="tgl_mulai1" name="start" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center; " data-content="Tanggal BA" rel="popover" data-placement="top" data-trigger="hover">
  <span class="input-group-addon">s/d</span>
  <input type="text" id="tgl_selesai1" name="finish" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center;"  data-content="Tanggal BA" rel="popover" data-placement="top" data-trigger="hover">
</div>

  <span class="input-group-btn">
    <button type="button" id="excel" name="excel" class="btn btn-success"><i class="fa fa-arrow-down m-r-5"></i>EXCEL</button>
    <button type="button" id="excel_all" name="excel_all" class="btn btn-teal"><i class="fa fa-arrow-down m-r-5"></i>EXCEL ALL</button>
  </span>
</div>
<br>


<div id="tabel_laporan_ba"></div>

<script>
$('input[name="start"]').popover();
$('input[name="finish"]').popover();
//$('#excel').hide();

var thn=$('#thn_dpa').val();
var cari_ba=$('#cari_ba').val();
$('#tabel_laporan_ba').load('app/lap_ba/tabel.php',{cari_ba:cari_ba});

/*
 $('#cari_ba').change(function(){
  var thn=$('#thn_dpa').val();
  var m = $('#tgl_mulai1').val();
  var s = $('#tgl_selesai1').val();
  var cari_ba=$('#cari_ba').val();
  $('#tabel_laporan_ba').load('app/lap_ba/tabel.php',{cari_ba:cari_ba,m:m,s:s,thn:thn});
 });
*/



$('#tgl_selesai1').change(function(){
    //$('#cari_ba').trigger('change');
  var thn=$('#thn_dpa').val();
  var m = $('#tgl_mulai1').val();
  var s = $('#tgl_selesai1').val();
  var cari_ba=$('#cari_ba').val();
  $('#tabel_laporan_ba').load('app/lap_ba/tabel.php',{cari_ba:cari_ba,m:m,s:s,thn:thn});
});



$('#excel').click(function(){
    var riwayat_ba_id = $('#temp_data').val();
 	if (!riwayat_ba_id) {alert('Centanglah mana yang mau di-excel');} else {
    var w = 600;
    var h = 300;
    var thn=$('#thn_dpa').val();
    var cari_ba=$('#cari_ba').val();
    var nama_ba=$( "#cari_ba option:selected" ).text();
    var m = $('#tgl_mulai1').val();
    var s = $('#tgl_selesai1').val();   
    var left = Number((screen.width/2)-(w/2));
    var tops = Number((screen.height/2)-(h/2));     
    window.open('app/lap_ba/excel.php?thn='+thn+'&m='+m+'&s='+s+'&riwayat_ba_id='+riwayat_ba_id+'&cari_ba='+cari_ba+'&nama_ba='+nama_ba,'newwin','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+tops+', left='+left);
    }
});

$('#excel_all').click(function(){
    var w = 600;
    var h = 300;
    var thn=$('#thn_dpa').val();
    var cari_ba=$('#cari_ba').val();
    var nama_ba=$( "#cari_ba option:selected" ).text();
    var m = $('#tgl_mulai1').val();
    var s = $('#tgl_selesai1').val();   
    var left = Number((screen.width/2)-(w/2));
    var tops = Number((screen.height/2)-(h/2));     
    window.open('app/lap_ba/excel_all.php?thn='+thn+'&m='+m+'&s='+s+'&cari_ba='+cari_ba+'&nama_ba='+nama_ba,'newwin','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+tops+', left='+left);
});

</script>