From a19b20afeacf84c1c743c76b5018bcfbddac2270 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Fri, 15 Nov 2024 09:10:12 +0800 Subject: [PATCH] fix: 国控站 --- src/components/Form/HourPicker1.vue | 59 +++++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 43 insertions(+), 16 deletions(-) diff --git a/src/components/Form/HourPicker1.vue b/src/components/Form/HourPicker1.vue index 0c6fec5..d740441 100644 --- a/src/components/Form/HourPicker1.vue +++ b/src/components/Form/HourPicker1.vue @@ -1,10 +1,20 @@ <template> - <el-date-picker + <!-- <el-date-picker v-model="value1" type="date" placeholder="������������" value-format="yyyy-MM-dd" - /> + /> --> + <el-date-picker + v-model="value1" + type="datetimerange" + range-separator="���" + start-placeholder="������������" + value-format="yyyy-MM-dd HH:mm:ss" + end-placeholder="������������" + :picker-options="pickerOptions" + > + </el-date-picker> </template> <script> @@ -12,16 +22,37 @@ // ���������import������������������from'������������������'; export default { -// import ��������������������������������������������������� + // import ��������������������������������������������������� components: {}, props: { - value1: String + // value1: String }, data() { // ������������������ return { // newValue1: '' - newValue1: '' + value1: '', + timeOne: '', + pickerOptions: { + onPick: ({ maxDate, minDate }) => { + + // ������������ ������������ + this.timeOne = minDate.getTime() // ��������������������� ������������������ + // // ������������������������������������������������������������ + ��if (maxDate) this.timeOne = '' + + }, + disabledDate: time => { + if (this.timeOne) { + const WEEK = 7 * 24 * 3600 * 1000 - 1 // ������������6��������� ������7��������� + const minTime = this.timeOne // ������������ + const maxTime = this.timeOne + WEEK // ������������ + return time.getTime() < minTime || time.getTime() > maxTime || time.getTime() > new Date() + } else { + return time.getTime() > new Date() + } + } + }, } }, // ������������ ���������data������ @@ -29,18 +60,15 @@ // ������data������������������ watch: { value1(nv, ov) { - this.newValue1 = nv + // this.newValue1 = nv this.sendPicker() - } + }, }, // ������������ - ��������������������������������� this ��������� - created() { - - }, + created() {}, // ������������ - ��������������������������� DOM ��������� - mounted() { + mounted() {}, - }, beforeCreate() {}, // ������������ - ������������ beforeMount() {}, // ������������ - ������������ beforeUpdate() {}, // ������������ - ������������ @@ -51,11 +79,10 @@ // ������������ methods: { sendPicker() { - this.$emit('sendPickerChild', this.newValue1) - } - } // ���������������keep-alive������������������������������������ + this.$emit('sendPickerChild', this.value1) + }, + }, // ���������������keep-alive������������������������������������ } </script> <style scoped> - </style> -- Gitblit v1.8.0