Digital clock for Service Portal

salomesimpsone · ‎04-04-2017

Hi All,

In Service Portal, we have "Cool clock" widget to display Analog Clock.

Did anyone tried on creating "Digital clock", according to different time zone??

Please help me to know....Thanks

rgm276 · ‎04-06-2017

so if all you want is a really simple digital clock, you can just add some code like the following to your clock widget, or create a clone of the clock widget

since the clock widget already creates a variable called c.date we can just use that to display our clock

HTML

{{c.date.hours()}}:{{c.date.minutes()}}:{{c.date.seconds()}}

</p>

CSS

#time {

font-family: fantasy;

font-size:20px;

color:silver;

border:2px solid #2E9AFE;

padding:10px;

text-align: center;

width: 200px;

}

Results in this output for the clock

you can make the clock look/feel prettier by adjusting the CSS to meet your needs

hope that helps

View solution in original post

Andy99 · ‎08-05-2019

Hi,

Was wondering if anyone found a fix to the above issue with the formatting of the minutes?

Thanks,

Andy

Kvark · ‎01-21-2020

that can be done very simple:

Alexandru Pop · ‎01-31-2021

I managed to make it work like this :

{{c.date.format("HH")}}:{{c.date.format("mm")}}:{{c.date.format("ss")}}

Hope this helps .

saba tanveer · ‎06-04-2024

How can I add AM PM to digital clock?