JezK
Edit File: invoice.php
<?php include("./app/checkSession.php"); if(empty($_SESSION['name'])&&$_SESSION['name']==""){ echo "<script>window.location.href='index.php'</script>"; } $wid=''; if(isset($_REQUEST['wid'])) { $wid = $_REQUEST['wid']; } include("header.php"); ?> <style> .bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget table td.day{ width:200px; inset : unset !important; line-height:unset; padding: unset !important; background:white; position:relative; left:0; right:0; text-align:center; z-index:9; } .bootstrap-datetimepicker-widget{ height:100%; } div#example_length:first-child { display: none; } html{overflow-x: hidden} </style> <div id="material-view-table" class="container first-position myquotation-table"> <div class="container mt-3 position-2 "> <div class="row px-md-4 px-0"> <div class="tophead col-md-4"> <h6>Invoices</h6> </div> <div class="col-md-6"> <div class="row position-relative z-in"> <div class="col-md-1"> <label class="mt-1 from_to_label mb-0" >From</label> </div> <div class="col-md-4"> <div class="cal_img_div"> <label for="startDate" class="mb-0" > <img class="cal_img" src="images/calendar.png"> </label> </div> <input class="form-control" value="" id="startDate" style="padding-left:35px" placeholder="Select Date"> </div> <div class="col-md-1"> <label class="mt-1 from_to_label" >To</label> </div> <div class="col-md-4"> <div class="cal_img_div"> <label for="endDate" class="mb-0" > <img class="cal_img" src="images/calendar.png"> </label> </div> <input class="form-control" value="" id="endDate" style="padding-left:35px" placeholder="Select Date" onclick="getTableData()" /> </div> </div> </div> </div> </div> <div class="container "> <div class="table-responsive p-md-4 p-0 "> <table id="example" class="display bg-white tbl-border table-borderless" style="width:100%"> <thead> <tr> <th>Quatation ID</th> <th>Warehouse Name</th> <th>Email</th> <th>value</th> <th>percentage</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <div class="container position-relative"> <div class="row export_csv"> <div class="col-md-3 offset-md-10 pr-0"> <a id="export1" href="export-materialTransactions.php?wid=<?php echo $wid ?>" class="btn btn-primary ml-2"><i class="fa fa-download"></i><span class="pl-2"> EXPORT.XLSX</span></a> </div> </div> </div> </div> <!-- footer --> <?php include("footer.php"); ?> <!-- <script src="js/jquery.min.js"></script> --> <!-- <script src="js/jquery.pagination.min.js"></script> --> <!----> <script> // let $ =jQuery; $(document).ready(function() { $('#startDate, #endDate').datetimepicker({ format: "DD-MM-YYYY" }); jQuery('#example').DataTable( { "processing": true, "dataSrc": "", "dom": 'Bfrtip', "dom": 'Rlfrtlip', language: { search: '', searchPlaceholder: "Search", paginate: {previous: 'Prev',next: 'Next'} , paginate: {previous: 'Prev',next: 'Next'}}, "pagingType": "full_numbers", "bProcessing": true, "bServerSide": true, "sAjaxSource": "./app/invoices-list-ajax.php", "ordering": false, "aoColumns": [{ mData: 'quotation_id' } , { mData: 'warehouse_id' } , { email: 'email' } { mData: 'warehouse_name' } , { mData: 'total_value' } ] } ); // $('#startDate,#endDate').on('dp.change', function(e){ console.log(e.date._d); }); }); var startdate=''; var e function getTableData(){ // var startdate=$('#startDate').on('dp.change', function(e){ console.log(e.date._d); }); var startdate=document.getElementById("startDate").value; // console.log(enddate); if(startdate==""){ return false; } else{ var enddate=$('#endDate').on('dp.change', function(e){ var a; a= moment(e.date._d).format('DD-MM-YYYY') if(startdate!=""&&enddate!=""){ jQuery('#example').empty(); jQuery("#example").DataTable().destroy(); jQuery('#example').DataTable( { "processing": true, "dataSrc": "", "dom": 'Bfrtip', "dom": 'Rlfrtlip', language: { search: '', searchPlaceholder: "Search", paginate: {previous: 'Prev',next: 'Next'}}, "pagingType": "full_numbers", "bProcessing": true, "bServerSide": true, "sAjaxSource": "./app/materialtransaction-ajax.php&startdate="+startdate+"&enddate="+a, "ordering": false, "aoColumns": [{ mData: 'quotation_id' } , { mData: 'warehouse_id' } , { email: 'email' } { mData: 'warehouse_name' } , { mData: 'total_value' } ] } ); } }); } } </script>