DatePicker: fix editable and readonly in range pick

examples/docs/en-US/upload.md

@@ -247,7 +247,7 @@ Use `list-type` to change the fileList style.
   :on-remove="handleRemove">
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog v-model="dialogVisible" size="tiny">
+<el-dialog :visible.sync="dialogVisible" size="tiny">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>

examples/docs/zh-CN/upload.md

@@ -247,7 +247,7 @@
   :on-remove="handleRemove">
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog v-model="dialogVisible" size="tiny">
+<el-dialog :visible.sync="dialogVisible" size="tiny">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>

packages/date-picker/src/picker.vue

@@ -49,6 +49,7 @@
       :value="displayValue && displayValue[0]"
       :disabled="disabled"
       :id="id && id[0]"
+      :readonly="!editable || readonly"
       :name="name && name[0]"
       @input="handleStartInput"
       @change="handleStartChange"
@@ -60,6 +61,7 @@
       :value="displayValue && displayValue[1]"
       :disabled="disabled"
       :id="id && id[1]"
+      :readonly="!editable || readonly"
       :name="name && name[1]"
       @input="handleEndInput"
       @change="handleEndChange"

test/unit/specs/popover.spec.js

@@ -205,18 +205,17 @@ describe('Popover', () => {
     });
   });
 
-  describe('event', (done) => {
-    const createVM = (trigger) => {
-      return createVue({
+  it('show/hide events', done => {
+    vm = createVue({
       template: `
         <div>
           <el-popover
             ref="popover"
-              trigger="${trigger}"
+            trigger="click"
             @show="handleShow"
             @hide="handleHide"
             content="content">
-              <button slot="reference">trigger ${trigger}</button>
+            <button slot="reference">trigger</button>
           </el-popover>
         </div>
       `,
@@ -236,26 +235,16 @@ describe('Popover', () => {
         };
       }
     }, true);
-    };
-
-    it('show/hide', () => {
-      vm = createVM('click');
-      const compo = vm.$refs.popover;
 
     vm.$el.querySelector('button').click();
-      expect(compo.showPopper).to.true;
-      expect(vm.trigger).to.false;
-      document.body.click();
-      expect(compo.showPopper).to.false;
     setTimeout(_ => {
       expect(vm.trigger).to.true;
       document.body.click();
       setTimeout(_ => {
         expect(vm.trigger).to.false;
-        }, 50);
         done();
       }, 50);
-    });
+    }, 50);
   });
 
   it('destroy event', () => {