Hello there,
Unfortunately, I was never really happy with how much I could customize the clock widget. I got it working enough for me, but what I really wanted was something that could just return me a date value that I could then format… I never figured that out… maybe someone else can say if that is possible.
As a work around, you could use the weather items you have for the day and month. The ObservationTime0 should have the time of the most recent observation, which should be close to current time. Maybe something like this:
<div ng-init="daysnames={'Sunday': 'sunday-tr', 'Monday': 'monday-tr', ...}">
<div ng-init="monthnames={'1': 'januari', '2': 'februari', '3': 'mars', ...}" />
<div ng-init="clockmodel2={'mode':'digital','font_size':32,'digital_format':'h:mm a'}"></div>
<table id="clock-table">
<tr id="clock-table-date"><td class="date-row">{{daysnames[(itemValue('Weather_ObservationTime0') | date:'EEEE')]}} - {{itemValue('Weather_ObservationTime0') | date:'d'}} {{monthnames[(itemValue('Weather_ObservationTime0') | date:'M')]}}</td></tr>
<tr id="clock-table-time"><td><widget-clock ng-model="clockmodel2" /></td></tr>
</table>
You can add a section to the style for the new row:
.date-row {
font-size: 16px;
padding: 10px;
padding-bottom: 30px;
}
That would give you a string you can format that should be what you want. The only downside is that the ObservationTime0 item doesn’t update every second.. so for a few minutes after midnight it might be off, but since you aren’t using the minute or second values, just the day and month, it would otherwise be correct.
Sorry I can’t be more help, but that’s the only idea I can come up with.
Cheers