public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: 12hours format for input and ui overflow

Browse Source
This commit is contained in:
ShareVB 2024-09-14 10:58:19 +02:00
parent 04f2ec1729
commit 66bfb2db02
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/tools/timezone-converter/timezone-converter.vue
View File

@ -17,6 +17,8 @@ function convertMinsToHrsMins(minutes: number) {
const otherTimezones = useStorage<{ name: string }[]>('timezone-conv:zones', [{ name: 'Etc/GMT' }]); const otherTimezones = useStorage<{ name: string }[]>('timezone-conv:zones', [{ name: 'Etc/GMT' }]);
const currentTimezone = useStorage<string>('timezone-conv:current', browserTimezone); const currentTimezone = useStorage<string>('timezone-conv:current', browserTimezone);
const use24HourTimeFormat = useStorage<boolean>('timezone-conv:24h', true); const use24HourTimeFormat = useStorage<boolean>('timezone-conv:24h', true);
const format = computed(() => use24HourTimeFormat.value ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd hh:mm:ss a');
const timePickerProps = computed(() => use24HourTimeFormat.value ? ({ use12Hours: false }) : ({ use12Hours: true }));
const now = Date.now(); const now = Date.now();
const currentDatetimeRange = ref<[number, number]>([now, now]); const currentDatetimeRange = ref<[number, number]>([now, now]);
@ -55,14 +57,17 @@ const countryToTimezonesOutput = computed(() => ctz.getTimezonesForCountry(count
mb-2 mb-2
/> />
<n-date-picker <n-date-picker
:key="format"
v-model:value="currentDatetimeRange" v-model:value="currentDatetimeRange"
type="datetimerange" type="datetimerange"
:format="format"
:time-picker-props="timePickerProps"
mb-2 mb-2
/> />
<n-space justify="space-evenly"> <n-space justify="space-evenly">
<input-copyable <input-copyable
label="Current Timezone Offset (min)" label="Current Timezone Offset"
label-position="left" label-position="left"
:value="currentTimezoneOffset" :value="currentTimezoneOffset"
readonly readonly