Displaying time and date in text form

[Bhanner]

Hi,

I want to display the current system time and date in text form on my SCADA Screens

Does anyone know an easy way to do it?

Regards

Billy

[Jared Wiltshire]

@Bhanner do you mean in Graphical Views or Dashboard designer/Custom pages? What do you mean in text form?

[Bhanner]

@Jared-Wiltshire

Hi

I know there is a analogue clock built into the software i'm after something like this

Regards
Billy

[Jared Wiltshire]

@Bhanner I'm going to assume you are talking about custom pages, check the examples at /ui/examples/basics/clocks-and-timezones

Here's a quick example

<ma-now update-interval="1 SECONDS" output="time"></ma-now>

<!-- Format date according to user's locale -->
<div>{{time|maMoment:'format':'LTS l'}}</div>

<!-- Explicit date format -->
<div>{{time|maMoment:'format':'H:mm:ss A M/D/YYYY'}}</div>

[Bhanner]

@jared-wiltshire
Hi,
Is there a way to incorperate this into an object so it can moved around the screen?

[Jared Wiltshire]

If you are talking about in dashboard designer, just give the <div> an ID. e.g. <div id="my-time-object">

[Bhanner]

@jared-wiltshire said in Displaying time and date in text form:

'H:mm:ss A M/D/YYYY'}

Thanks Jared,
That was exactly what i was after :)
Kind regards
Billy H

[dovydasz]

This post is deleted!

[dovydasz]

Hello,

how can I uppercase letters?
Now I have:

<ma-now update-interval="1 SECONDS" output="time"></ma-now>

<div >{{time|maMoment: 'format':'MMMM Do, dddd'}}</div>
// sausio 12-oji, penktadienis
<div >{{time|maMoment: 'format':'dddd'}}</div>
// penktadienis

All letters are lowercase always...

Locale on OS is set to Lithuania:
[mango@Mango ~]$ localectl status
System Locale: LANG=lt_LT.utf8
VC Keymap: us
X11 Layout: us

[phildunlap]

Hi dovydas,

Can you provide an example input and output for the uppercasing you're talking about? Have you checked out the angular "uppercase" filter? It will easily allow you to uppercase the whole date, like,

<ma-now update-interval="1 SECONDS" output="time"></ma-now>

<div >{{time|maMoment: 'format':'MMMM Do, dddd' | uppercase}}</div>
// sausio 12-oji, penktadienis
<div >{{time|maMoment: 'format':'dddd' | uppercase}}</div>
// penktadienis