Countdown

Hello @bashiro ,

From what I can see, your new Date("2025-10-31 15:37:25") is missing a few key components to be compliant with the javascript Date object. You need to write it in a specific way in order to get the vanilla javascript to create the proper object

//2024-11-03 01:30 this is something you can/would get from the database
new Date(2024, 10, 3, 1, 30) // by the docs YYYY-MM-DDTHH:mm:ss.sssZ
// this gives you a proper javascript Date object like Sun Nov 03 2024 01:30:00 GMT-0400 (Eastern Daylight Time)

so, for your example, you need to split the start_date and start_time to its components (either with Carbon or by doing it in javascript:

const dateFromBackend =  {{ $event_countdown_data->start_date }};
const timeFromBackend =  {{ $event_countdown_data->start_time }};
const date = dateFromBackend.split('-');
const time = timeFromBackend.split(':');
let countDownDate = new Date(date[0], date[1], date[2], time[0], time[1], time[2])

Hope it helps,

Mega Aleksandar

perhaps if you explained what $event_countdown_data->start_date looks like?

Is it a string, what format?

a Carbon instance?