diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index c113c9c..dbd09d8 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -36,7 +36,7 @@ export default {
       width: "160px",
       dateArr: null||[],
       date_picker: false,
-      mousetrue: true, 
+      mousetrue: false, 
     };
   },
   computed: {
@@ -193,7 +193,8 @@ export default {
       });
     },
     iconClass() {
-      return this.date_picker && this.mousetrue
+
+      return  this.mousetrue
         ? "ag-icon-prefix-hide"
         : "ag-icon-prefix-show";
     },
@@ -259,7 +260,7 @@ export default {
     position: absolute;
     left: 98%;
   }
-  .ag-icon-clear {
+  .ag-icon-clear { 
     &:before {
       content: "\e6db";
     }
diff --git a/src/App.vue b/src/App.vue
index 09ad0dc..a22ec21 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
   <div>
     <el-button type="success" @click="abb = true">点击打开 Dialog</el-button>
     <ag-dialog :visible.sync="abb"> </ag-dialog>
-    <ag-datePicker v-model="date_value" :showTime="true" :range="false" @change="onPicker">
+    <ag-datePicker v-model="date_value" :showTime="true" :range="true" @change="onPicker">
     </ag-datePicker>
     <ag-input value="value"> </ag-input>
     <ag-select :options="a_options" v-model="value">