From a17519cbba976a44ca6b71c0985a7424fd351bc9 Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期一, 24 一月 2022 15:48:06 +0800 Subject: [PATCH] fixed TODO#134734 [ 顧問管理流程 ] 結案狀態 : 進件時間不可選擇未來時間 --- PAMapp/components/Ui/UiDatePicker.vue | 19 ++++++++++++++++--- 1 files changed, 16 insertions(+), 3 deletions(-) diff --git a/PAMapp/components/Ui/UiDatePicker.vue b/PAMapp/components/Ui/UiDatePicker.vue index ee2a5a2..025594a 100644 --- a/PAMapp/components/Ui/UiDatePicker.vue +++ b/PAMapp/components/Ui/UiDatePicker.vue @@ -28,6 +28,9 @@ @Prop({default: false}) isPastDateDisabled!: boolean; + @Prop({default: false}) + isFutureDateDisabled!: boolean; + @Emit('changeDate') changeDate() { return this.dateValue; @@ -42,16 +45,26 @@ } get pickerOptions() { + const date = new Date(); + const currentDate = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`; + if (this.isPastDateDisabled) { return { disabledDate(time: Date) { - const date = new Date(); - const currentDate = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`; - const pickedDate = `${time.getFullYear()}/${time.getMonth() + 1}/${time.getDate()}` + const pickedDate = `${time.getFullYear()}/${time.getMonth() + 1}/${time.getDate()}`; return new Date(pickedDate).getTime() < new Date(currentDate).getTime(); } } } + + if (this.isFutureDateDisabled) { + return { + disabledDate(time: Date) { + const pickedDate = `${time.getFullYear()}/${time.getMonth() + 1}/${time.getDate()}`; + return new Date(pickedDate).getTime() > new Date(currentDate).getTime(); + } + } + } } } -- Gitblit v1.8.0