Date format with the Timeline plugin in TW5

[Julien H]

Hello,

 

I am using TW5 with the plugin to create a Timeline called "Visual timeline widget plugin v0.8.1". This is a very interesting plugin. You can check an example of the plugin use and the description on the forum

 

In the syntax in the tiddler, I use

<$visjstimeline filter="[tag[Planning]]" startDateField="start" endDateField="end" format="DD/MM/YYYY"/>

And I would like to also use hours and possibly minutes. I tried a different syntax like

format="DD/MM/YYYY HH:MM"

This doesn't work and I would like your input. Have you try this plugin? Did you manage to use hours in your timeline?

 

Julien

[Mark S.]

HH:MM should be hh:mm . See if that helps.

Good luck,
Mark

[Julien H]

Thank you Mark ! This is working now when I put a starting and an ending hour that are in the morning.

Is there is any way to indicate AM or PM? Because if you use hour such as 14:30 it doesn't work.

I tried

<$visjstimeline filter="[tag[Planning]]" startDateField="start" endDateField="end" format="DD/MM/YYYY hh:mm am/pm"/>

And

<$visjstimeline filter="[tag[Planning]]" startDateField="start" endDateField="end" format="DD/MM/YYYY hh:mm AM/PM"/>

Julien

[Mark S.]

When you show am/pm, did you literally put "am/pm" ? Either just AM or "am" or "PM" or "pm" should do it. If not, try the 12 hour clock indicate "hh12".

If nothing works, you might experiment with updating the TiddlyWiki (make a backup!). That TW is very old now.

Good luck,
Mark

[Julien H]

Hi Mark,

I tried many variant but I am not sure to fully understand your suggestion about the 12 hour clock..

I publish the example I was talking about at the address https://houss.in/test/

Can you take a look at it?

Regards.

Julien.

[Eskha]

Hi Julien,

According to moment.js library documentation
(http://momentjs.com/docs/#/parsing/string-format/),

Correct syntax is :
"DD/MM/YYYY HH:mm"

I checked it in your TW with tiddler "2" end date set to "21/07/2017 23:30" and it worked.


Best regards.

Eskha

[Julien H]

Thank you very much Eskha et Marc, you both been very helpful.  I bookmarked the momentjs documentation.