How to convert Date fields to timestamps and substract them?

Laravel is using Carbon:

https://carbon.nesbot.com/docs/#api-difference

You can convert both dates and then use diff

Also if you want the substraction of two dates you can use sub functions:

https://carbon.nesbot.com/docs/#api-addsub

edit: also if you are accessing the table vie Eloquent Modal and in the model you defined that this two fileds are dates, they are automatically Carbon objects.

$dates = ['startDate', 'stopDate']

Yep i am using Eloquent. I have view of list tasks with task details:

<div class="container">
    <div class="card">
        <div class="card-header">Task{{ $task->id }}</div>
        <div class="card-body">
            <table class="table">
                <tr>
                    <td>Name</td>
                    <td>{{ $task->name }}</td>
                </tr>
                <tr>
                    <td>Progress</td>
                    <div class="progress">
                        <div id="dynamic"
                            class="progress-bar progress-bar-success progress-bar-striped active"
                            role="progressbar" aria-valuenow="0" aria-valuemin="0"
                            aria-valuemax="100" style="width: 0%">
                            <span id="current-progress"></span>
                        </div>
                    </div>
                    <td>{{ $task->stopDate }}</td>
                </tr>
                <tr>
                    <td>Description</td>
                    <td>{{ $task->description }}</td>
                </tr>
            </table>
        </div>
    </div>
</div>

and i will do progress bar where his step is calculated from the difference in dates, but I have no idea how to do it.

I dont know JavaScript, i know that i should get Date values, and substract them, but need help.

Well you could calculate this in the backend:

{{$task->startDate->diffInRealHours($task->stopDate)}} this could be your valuenow

not sure what you max value is.

this would return this difference in hours.

Also if you want to do something on the frontend with dynamically updating your blade you might want to look into Moment.js

https://momentjs.com/

var a = moment([2007, 0, 29]);
var b = moment([2007, 0, 28]);
a.diff(b) // 86400000

i have JS file:

window.onload = (function() {
  var current_progress = 0;
  
  var interval = setInterval(function() {
      current_progress += 10;
      $("#dynamic")
      .css("width", current_progress + "%")
      .attr("aria-valuenow", current_progress)
      .text(current_progress + "% Complete");
      if (current_progress >= 100)
          clearInterval(interval);
  }, 1000);
});

but its only example, it work. Dont know how to pass eloquent to javascript file

var task = {{ $task }}

or if its an array you can also:

  var task = @json($task);

so much thanks, it works!

@ziben69 Could you please click on the best-reply icon under the @Tomi 's avatar. He deserves the badge after his answer is the one that helped you.