EVOLUTION-NINJA
Edit File: user-reports-date-header.php
<?php echo view('includes/user-reports-header'); ?> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css" /> <div class="col-sm-9" id="reports-pdf" > <div class="row pt-5 main_date_headerp"> <div class="col-sm-5 mob_userdate_report1"> <!-- <h3>User Report</h1> --> <label><b>From Date:</b></label> <input type="date" class="form-control from_date" name="from_date" value="<?php echo session()->get('from_date'); ?>" > </div> <div class="col-sm-5 mob_userdate_report1"> <label><b>To Date:</b></label> <input type="date" class="form-control to_date" name="to_date" value="<?php echo session()->get('to_date'); ?>"> </div> <div class="col-sm-2 mob_userapply_report1" style="margin-top: 30px;"> <button type="button" class="btn btn-primary" >Apply</button> </div> </div> </div> <script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>"> <script> //input type date formate change? // $('.from_date').datepicker({ // format: 'dd/mm/yyyy' // }); // $('.to_date').datepicker({ // format: 'dd/mm/yyyy' // }); $("button").click(function () { var from_date = "", to_date = ""; from_date = $(".from_date").val(); to_date = $(".to_date").val(); // alert(from_date + " , " + to_date); $.ajax({ type: "post", url: '<?php echo base_url("user-z")?>', data: { from_date: from_date, to_date: to_date }, success: function (response) { response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { // alert(response.result); $("#from_date").html(response.from_date); $("#to_date").html(response.to_date); $("#reported_by").html(response.name); window.location.reload(); } else { toastr["error"]('No Data Found'); // alert('No Data Found'); } }, }); }); </script> <?php echo view('includes/user-reports-footer'); ?> <style> @media only screen and(max-width:600px) { .main_date_headerp { margin-top: -370px !important; } } </style>