Digital clock for Service Portal

[salomesimpsone]

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

[sreejith12]

Thanks Ayush, I got it!

[Siddhesh-3]

Can i get the server and client code for the same, facing some issues related to it while updating the time zone

[rgm276 · Accepted solution]

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

<p id="time">

      {{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

[salomesimpsone]

Thanks Robert..

It is working

[Mike_Bk]

Is there a way to make the minutes double digits when under 10 (i.e. 0-9)?

Currently if the time is for example 13:08:40, it is displayed as 13:8:40.