From bcb6109246d7e2c7b7cda7ec7723f8145b4196f8 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Mon, 4 Apr 2022 10:05:43 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=20datePicker=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0disabled=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/datePicker.md | 28 +++++++++++++++++++++
 src/component/datePicker/index.vue          |  6 ++++-
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/example/docs/zh-CN/components/datePicker.md b/example/docs/zh-CN/components/datePicker.md
index 12419d87..b8a1bacf 100644
--- a/example/docs/zh-CN/components/datePicker.md
+++ b/example/docs/zh-CN/components/datePicker.md
@@ -62,6 +62,33 @@ export default {
 
 :::
 
+::: title 禁止修改
+:::
+
+::: demo
+
+<template>
+  <!-- 选择的时间：{{endTime3}} -->
+  <lay-date-picker disabled type="year" v-model="endTime3"></lay-date-picker>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+   const endTime3 = ref("2022-03-04 17:35:00");
+
+    return {
+      endTime3
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title 年份选择
 :::
 
@@ -177,6 +204,7 @@ export default {
 | ------------- | ------------------------------------------------------------ | -------------- | ------ | -------------- |
 | v-model      | 当前时间                                                     | `string`         | --    | —             |
 | type        | 选择类型                                                   | `string`         | `date`    | `date` `datetime` `year` `month` `time` `yearmonth`             |
+| disabled      | 是否禁止修改                                                     | `boolean`         | false    | —             |
 
 :::
 
diff --git a/src/component/datePicker/index.vue b/src/component/datePicker/index.vue
index 749c6be5..f488c960 100644
--- a/src/component/datePicker/index.vue
+++ b/src/component/datePicker/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <lay-dropdown ref="dropdownRef">
+    <lay-dropdown ref="dropdownRef" :disabled="props.disabled">
       <lay-input :name="name" :value="dateValue || modelValue" readonly>
         <template #prefix>
           <lay-icon type="layui-icon-date"></lay-icon>
@@ -217,11 +217,15 @@ export interface LayDatePickerProps {
   modelValue?: string;
   type?: "date" | "datetime" | "year" | "time" | "month" | "yearmonth";
   name?: string;
+  max?: string;
+  min?: string;
+  disabled?: boolean
 }
 
 const props = withDefaults(defineProps<LayDatePickerProps>(), {
   modelValue: "",
   type: "date",
+  disabled: false
 });
 
 const dropdownRef = ref(null);