q-datetime always with one day difference
My API delivers the date
2018-01-31, but in the
<q-datetime v-model="myDate" type="date" />it show
2018-01-30, day 30 instead of 31, why?
I assume its because the timezone, so how i disable anything related to timezone? I just wanna show the same date inside the component
I have same issue. It’s a problem of timezone. the component q-datetime seems to use timezone of browser… When i set a date ‘2018-07-31 17:45’, q-datetime shows ‘2018-07-31 21:45’ (my timezone is gmt+4).
But I don’t want that q-datetime use my timezone, I want just to show the really date (2018-07-31 17:45)
Do you have resolved your problem ?
Hawkeye64 last edited by
Convert the time you want to use to UTC first.
@Hawkeye64, my date is already in UTC but q-datetime convert it in local time
Hawkeye64 last edited by Hawkeye64
If you use momentjs, maybe something like this will work:
let timestamp = moment(origTime) return timestamp.utcOffset(offset, false).format('YYYY-MM-DD HH:mm:ss')
Where offset looks like this:
'-04:00:00', which if you are using interval in postgreSQL, you can get it via
interval_column_name::textin your query.
I use this myself in a condition where I show timstamps for an event. In the UI I show browser (local) time and one shows site time - relevant to the browser time, where site is when the event occurred at the location and I keep a tz_offset (postgres interval) if the timezone. If the local time is
2018-07-19 06:00:00then the site time shows
2018-07-19 04:00:00, if there is a 2 hour time zone difference.
Not sure if it’ll help your particular circumstance, but it’s something to look into if you haven’t already.