Recruitment-HC/includes/scripts.php

</script>
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="plugins/chart.js/Chart.min.js"></script>
<!-- ChartJS -->
<script src="../bower_components/chart.js/Chart.js"></script> 
<!-- daterangepicker -->
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>

<!-- DataTables  & Plugins -->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="plugins/jszip/jszip.min.js"></script>
<script src="plugins/pdfmake/pdfmake.min.js"></script>
<script src="plugins/pdfmake/vfs_fonts.js"></script>
<script src="plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.20/sorting/datetime-moment.js"></script>
<!-- Select2 -->
<script src="../../bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- bootstrap time picker -->
<script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- Ekko Lightbox -->
<script src="../plugins/ekko-lightbox/ekko-lightbox.min.js"></script>
<!-- auto logout idle-->
<script src="https://e-jisedai.cptckp.com/bower_components/jquery.idle-master/jquery.idle.js"></script>

<script>


$(function () {
    var url = window.location;
    // for single sidebar menu
    $('ul.nav-sidebar a').filter(function () {
        return this.href == url;
    }).addClass('active');

    // for sidebar menu and treeview
    $('ul.nav-treeview a').filter(function () {
        return this.href == url;
    }).parentsUntil(".nav-sidebar > .nav-treeview")
        .css({'display': 'block'})
        .addClass('menu-open').prev('a')
        .addClass('active');
});
</script>
<script>
var date = new Date();
date.setDate(date.getDate());

var date3 = new Date();
date3.setDate(date.getDate()-3);

$("#tangalmin3").datetimepicker({
    minDate: date3,
    format: 'YYYY-MM-DD',
    clearBtn: true 
    // you can add other options here
});
$("#tanggal").datetimepicker({
    minDate: date,
    format: 'YYYY-MM-DD',
    clearBtn: true 
    // you can add other options here
});
$("#tanggal1").datetimepicker({
    minDate: date,
    format: 'YYYY-MM-DD',
    clearBtn: true 
    // you can add other options here
});
$("#tanggal2").datetimepicker({
    minDate: date,
    format: 'YYYY-MM-DD',
    clearBtn: true 
    // you can add other options here
});

$(function(){
    $('#timepicker').datetimepicker({
      format: 'HH:mm',
    })
    $('#timepicker1').datetimepicker({
      format: 'HH:mm',
    })
    $('#timepicker2').datetimepicker({
      format: 'HH:mm',
    })
    $('#timepicker3').datetimepicker({
      format: 'HH:mm',
    })
    //Date picker
    $('#reservationdate').datetimepicker({
        format: 'YYYY-MM-DD'
    });
    
     //Initialize Select2 Elements
  $('.select2').select2()
  //Initialize Select2 Elements
    $('.select2bs4').select2({
      theme: 'bootstrap4'
    })
	//Date picker
  $('#datepicker_add').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd'
  })
  $('#datepicker_edit').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd'
  })
$('#datepicker_resign').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd'
  })
$('#datepicker_tglmasuk').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd'
  })
var date = new Date();
date.setDate(date.getDate());

$("#datepicker_dinas").datepicker({
    //orientation: "auto",
    startDate: date,
    autoclose: true,
    format: 'yyyy-mm-dd'
    //clearBtn: true 
    // you can add other options here
});  
$("#datepicker_dinas2").datepicker({
    //orientation: "auto",
    startDate: date,
    autoclose: true,
    format: 'yyyy-mm-dd'
    //clearBtn: true 
    // you can add other options here
}); 
$('#datepicker_dinas1').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd'
  })
  //Timepicker
  $('.timepicker').timepicker({
    defaultTime: false,
   showMeridian: false,
    showInputs: false
  })
//Timepicker
  $('.timepicker_out').timepicker({
    showInputs: false
  })


  //Date range picker
  $('#reservation').daterangepicker()
  //Date range picker
  $('#reservation1').daterangepicker()
  $('#reservation2').daterangepicker()
  $('#reservation3').daterangepicker()
  $('#reservation4').daterangepicker()
  $('#reservation5').daterangepicker()
  $('#reservation6').daterangepicker()
  $('#reservation7').daterangepicker()
  $('#reservation8').daterangepicker()
  
  
  //Date range picker with time picker
  $('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
  //Date range as a button
  $('#daterange-btn').daterangepicker(
    {
      ranges   : {
        'Today'       : [moment(), moment()],
        'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
        'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month'  : [moment().startOf('month'), moment().endOf('month')],
        'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
      },
      startDate: moment().subtract(29, 'days'),
      endDate  : moment()
    },
    function (start, end) {
      $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
    }
  )
  


});
</script>