Lissy93/dashy
1
1
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2024-11-23 21:23:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

🔀 Merge pull request #934 from rtm516/feature/12h-clock

Browse Source 
Add 12 hour option to clock widget
This commit is contained in:
Alicia Sykes 2022-10-09 21:41:59 +01:00 committed by GitHub
commit 29eb5d8545
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/widgets.md
View File

@ -110,6 +110,7 @@ A simple, live-updating time and date widget with time-zone support. All fields
**`customCityName`** | `string` | _Optional_ | By default the city from the time-zone is shown, but setting this value will override that text
**`hideDate`** | `boolean` | _Optional_ | If set to `true`, the date and city will not be shown. Defaults to `false`
**`hideSeconds`** | `boolean` | _Optional_ | If set to `true`, seconds will not be shown. Defaults to `false`
**`use12Hour`** | `boolean` | _Optional_ | If set to `true`, 12 hour time will be displayed. Defaults to `false`
#### Example

4
src/components/Widgets/Clock.vue
View File

@ -39,6 +39,9 @@ export default {
showSeconds() {
return !this.options.hideSeconds;
},
use12Hour() {
return !this.options.use12Hour;
},
},
methods: {
update() {
@ -52,6 +55,7 @@ export default {
hour: 'numeric',
minute: 'numeric',
...(this.showSeconds && { second: 'numeric' }),
...(this.use12Hour && { hourCycle: 'h12' }),
}).format();
},
/* Get and format the date */