Hi

I have a qtimeline with entries. I want to either

1. Add 2 clickable icons to each entry with their own actions (edit/delete the entry)
2. Make the entry clickable.

Is either of the above possible? how can I get the entry itself as a parameter to the method?
Thanks

I will need to further test this, I’m now realizing that the problem might be when retrieving the days since epoch and converting it back to a date.

I store the date as days from epoch. Meaning the user enters 1970-01-02 and I store 1.
The problem is, as I described above, is that because the dateDiff uses 2 dates with timezone, the result is 0 maybe because of what I wrote above, thus my question.
At the moment, I think I will need to set the first parameter (epoch date, 1970-01-01) to also be GMT like the other parameter and I was wondering if there is another, cleaner way to do it, maybe from the experience of other people who might be using dateDiff function.

Thanks, @s-molinari

It is a pain but from my perspective, I want it to be simple, after the all the user has set a date on his computer meaning his real date and the date he entered are of the same timezone.

For simplicity, what I think happens is that because of the timezone, instead of calculating, for example: 1970-01-01 00:00:00 (epoch) to 1970-01-02 00:00:00 (user input), the second date is translated into timezone date, meaning 1970-01-01 21:00:00 (3 hours back) and because of that, the days since epoch = 0 instead of 1.

So basically, I want to calculate 1970-01-01 00:00:00 to 1970-01-02 00:00:00 with both GMT timezone (to cause no change because of the time).
I think that I did that with my code for the second date (see above code) but I either did it wrong or I should do the same to the epoch date, so Instead of just new Date(1970, 0, 1) I should do it also in GMT.

What do you think? The real problem is that I’m GMT+X so it’s working fine as it is now, and changing to GMT-X showed my fix was correct but maybe it’s because the problem is only inside the time frame of the timezone (GMT-5 so the problem happens between midnight and 5am). Again, just a guess.

Hi
I’m missing something with the dates processing, here is the scenario.

The user enters a date, for example 2020-05-26. My purpose was to get the days since epoch (18408) for that date. My first thought was that no matter the timezone the user is in, the days will always be the same. While in GMT+X the result was as expected, for GMT-X, it was one day behind. I then thought that converting the date to UTC, might do the trick so I did the following:

getDateInUTC(value) {
   var year = Number(value.substring(0, 4));
   var month = Number(value.substring(5, 7));
   var day = Number(value.substring(8, 10));
   return new Date(Date.UTC(year, month - 1, day));
}

when: date.getDateDiff(this.getDateInUTC(this.itemWhen), new Date(1970, 0, 1), "days"),

But the same problem is happening. I’m sure I’m missing something but I can’t figure out what exactly.
Thanks

Is your disabled select also have the correct icon?
My select is disabled, the user can’t click on it but the icon remains the same… am I missing something?

You are right but it can be misleading because the only difference is that I want it to be YYYY-MM-DD and in the example it’s YYYY/MM/DD

Thanks, now it works. I took my sample from the documentation of q-date so it might need to be updated. Just a thought.
Again, thank you very much!

I can’t edit so instead of the 2 last paragraphs, it should be:
In the docs I saw mask=‘dateWhen’ but then the date itself was missing and when clicking the keyboard (before it was readonly), the string ‘dateWhen’ showed up causing a mess in the input.

How can I make the format start and remain as 2020-01-31 (with ‘-’)?
Thanks

Hi

I have the following code

<q-input rounded readonly v-model="dateWhen" :rules="['dateWhen']">
              <template v-slot:append>
                <q-icon name="event" class="cursor-pointer">
                  <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
                    <q-date v-model="dateWhen" @input="() => $refs.qDateProxy.hide()" />
                  </q-popup-proxy>
                </q-icon>
              </template>
            </q-input>

dateWhen: "2020-01-31",

When the screen opens up, I do see the date in the format 2020-01-31 but after opening qDate and selecting a date, it becomes 2020/01/31, ‘-’ separator became ‘/’.

If I add a mask=‘dateWhen’ - it doesn’t work at all, meaning the date is not shown in qInput and when clicking the keyboard, the string ‘dateWhen’ shows up, instead of it’s value.

Why is that and how can I avoid it?
Thanks

I encountered the same problem as you and I couldn’t understand what am I doing wrong, after doing EVERYTHING I read on the internet. Unless the master people here know differently, the only explanation I have is that quasar somehow suppresses the download.
Eventually I used your solution and my sanity came back (the hair I lost a long time ago so I couldn’t pull it out)… Thanks.

Last but not least, why quasar behaves like that?