How To Modify Date in Laravel Using Ajax

Posted By Bajarangi soft , Posted On 01-02-2021

We can modify date using php function date_modify().

How To Modify Date in Laravel Using Ajax

Step 1:Create Blade file like date.balde.php and make ajax code for modifying date and time.
resources/views/date.blade.php.

    <html>
    <head>
        <title>Age Calculator</title>
        <link rel='stylesheet' href='style.css'/>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <script src="https://code.jquery.com/jquery-latest.min.js"></script>
        <script src='script.js'></script>

    </head>
    <br>
    <body>
        <div id="main_container" class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <div id="birth_date_input" class="control-label">Date:
                            <input type="date" id="date" class="form-control">

                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <button id="calculate" class="btn btn-success" style="margin-top: 25px;">Date</button>
                </div>
            </div>
            <br>

            <div class="row">
                <div class="col-md-6">
                    <div id="age_container"><span id="exact" style="color: #3495e3"></span></div>
                    <div id="age_container"><span id="exact1" style="color: #3495e3"></span></div>
                    <div id="age_container"><span id="exact2" style="color: #3495e3"></span></div>

                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#calculate").click(function(){
                    var date=$("#date").val();
                    $.ajax({
                        type:"POST",
                        url: '{{url('caldate')}}',
                        data:  {"_token": "{{ csrf_token() }}",
                            date   : date},
                        dataType: 'json',
                        success: function (data) {
                            console.log(data);
                            $('#exact').text('Modify Date is : ' +data);
                        }
                    });
                });
            });
        </script>
    </body>
    </html>

Step 2: Make controller file and write the modify date and time code.
app/Http/Controllers/DateController.php

public function caldate(Request $request)
{

   $date = $request->input('date');
   $value = date_modify(new DateTime($date), "+15 day");
   $data = date_format($value,'m/d/Y');
   return response()->json($data);
}

Step 3: Make a route for the connection between controller and view.

Route::post('caldate', 'DateController@caldate');