From 6bbef91c402eaa58b8a4d8f11c466a39802ca0ca Mon Sep 17 00:00:00 2001 From: 劉鈞霖 <benson@gmail.com> Date: 星期二, 28 十二月 2021 14:50:13 +0800 Subject: [PATCH] [ Ref ] : 重構 共用資料夾 相關元件 --- PAMapp/components/Ui/UiDateFormat.vue | 23 +++++++++++++---------- 1 files changed, 13 insertions(+), 10 deletions(-) diff --git a/PAMapp/components/Ui/UiDateFormat.vue b/PAMapp/components/Ui/UiDateFormat.vue index 7decbf2..e9223b3 100644 --- a/PAMapp/components/Ui/UiDateFormat.vue +++ b/PAMapp/components/Ui/UiDateFormat.vue @@ -9,14 +9,17 @@ @Component export default class UiDateFormat extends Vue { - @Prop() date!: Date | string; - @Prop() onlyShowSection!: 'DAY' | 'TIME'; - compareTarget!: Date; + @Prop() + date!: Date | string; + @Prop() + onlyShowSection!: 'DAY' | 'TIME'; + + compareTarget!: Date; displayValue = ''; - @Watch('date', {immediate: true}) formattedDate(): void { - + @Watch('date', {immediate: true}) + formattedDate(): void { if (!this.date) return; const toDatePromise = new Promise((resolve, reject) => { @@ -35,7 +38,7 @@ const isThisYear = (compareDate: Date): boolean => { return compareDate.getFullYear() === _now.getFullYear(); }; - + const minutes = compareTarget.getMinutes() > 9 ? compareTarget.getMinutes() : `0${compareTarget.getMinutes()}`; const thisYearDayLabel = isToday(compareTarget) ? `隞予` : `${compareTarget.getMonth() + 1}/${compareTarget.getDate()}`; @@ -47,11 +50,11 @@ if (this.onlyShowSection) return; - this.displayValue = isThisYear(compareTarget) - ? `${thisYearDayLabel} ${compareTarget.getHours()}:${minutes}` + this.displayValue = isThisYear(compareTarget) + ? `${thisYearDayLabel} ${compareTarget.getHours()}:${minutes}` : `${compareTarget.getFullYear()}/${compareTarget.getMonth() + 1}/${compareTarget.getDate()} ${compareTarget.getHours()}:${minutes}`; - } + } )} } -</script> \ No newline at end of file +</script> -- Gitblit v1.8.0