diff --git a/examples/routers/date.vue b/examples/routers/date.vue
index 4a66d2c..c34a926 100644
--- a/examples/routers/date.vue
+++ b/examples/routers/date.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
+        <Date-picker transfer placeholder="选择日期" style="width: 200px"></Date-picker>
         <Date-picker transfer type="daterange" placeholder="选择日期" style="width: 200px"></Date-picker>
-        <Date-picker type="daterange" placeholder="选择日期" style="width: 200px"></Date-picker>
-        <Date-picker type="datetimerange" placeholder="选择日期" style="width: 200px" @on-change="changeDate"></Date-picker>
+        <Date-picker transfer type="datetimerange" placeholder="选择日期" style="width: 200px" @on-change="changeDate"></Date-picker>
     </div>
 </template>
 <script>
@@ -14,7 +14,11 @@
         }
     }
 </script>
-
+<style>
+    body{
+        width: 100%;
+    }
+</style>
 
 
 <!--<template>-->
diff --git a/src/styles/components/date-picker.less b/src/styles/components/date-picker.less
index c008b63..eb1a66f 100644
--- a/src/styles/components/date-picker.less
+++ b/src/styles/components/date-picker.less
@@ -194,6 +194,7 @@
     &-transfer{
         z-index: @zindex-transfer;
         max-height: none;
+        width: auto;
     }
 }
 
--
libgit2 0.21.4