Blame view

src/components/date-picker/picker.vue 19.3 KB
17e1fcf1   梁灏   init DatePicker
1
  <template>
ecaf8d51   梁灏   Date add transfer...
2
      <div :class="[prefixCls]" v-clickoutside="handleClose">
531cd165   梁灏   support DatePicke...
3
          <div ref="reference" :class="[prefixCls + '-rel']">
e9dd4dab   梁灏   publish 0.9.11-rc-1
4
5
6
7
8
9
10
11
              <slot>
                  <i-input
                      :class="[prefixCls + '-editor']"
                      :readonly="!editable || readonly"
                      :disabled="disabled"
                      :size="size"
                      :placeholder="placeholder"
                      :value="visualValue"
531cd165   梁灏   support DatePicke...
12
                      @on-input-change="handleInputChange"
e9dd4dab   梁灏   publish 0.9.11-rc-1
13
14
                      @on-focus="handleFocus"
                      @on-click="handleIconClick"
531cd165   梁灏   support DatePicke...
15
16
                      @mouseenter.native="handleInputMouseenter"
                      @mouseleave.native="handleInputMouseleave"
e9dd4dab   梁灏   publish 0.9.11-rc-1
17
18
19
                      :icon="iconType"></i-input>
              </slot>
          </div>
531cd165   梁灏   support DatePicke...
20
          <transition :name="transition">
ecaf8d51   梁灏   Date add transfer...
21
22
23
24
25
26
27
28
              <Drop
                  @click.native="handleTransferClick"
                  v-show="opened"
                  :class="{ [prefixCls + '-transfer']: transfer }"
                  :placement="placement"
                  ref="drop"
                  :data-transfer="transfer"
                  v-transfer-dom>
531cd165   梁灏   support DatePicke...
29
30
31
                  <div ref="picker"></div>
              </Drop>
          </transition>
0f677893   梁灏   update DatePicker
32
      </div>
17e1fcf1   梁灏   init DatePicker
33
34
  </template>
  <script>
0f677893   梁灏   update DatePicker
35
36
37
      import iInput from '../../components/input/input.vue';
      import Drop from '../../components/select/dropdown.vue';
      import clickoutside from '../../directives/clickoutside';
ecaf8d51   梁灏   Date add transfer...
38
      import TransferDom from '../../directives/transfer-dom';
0f677893   梁灏   update DatePicker
39
      import { oneOf } from '../../utils/assist';
af713093   梁灏   update TimePicker
40
      import { formatDate, parseDate } from './util';
cd78c9c4   梁灏   some comps suppor...
41
      import Emitter from '../../mixins/emitter';
0f677893   梁灏   update DatePicker
42
43
44
45
46
47
  
      const prefixCls = 'ivu-date-picker';
  
      const DEFAULT_FORMATS = {
          date: 'yyyy-MM-dd',
          month: 'yyyy-MM',
c46f385a   梁灏   update DatePicker
48
          year: 'yyyy',
0f677893   梁灏   update DatePicker
49
50
51
52
53
54
55
          datetime: 'yyyy-MM-dd HH:mm:ss',
          time: 'HH:mm:ss',
          timerange: 'HH:mm:ss',
          daterange: 'yyyy-MM-dd',
          datetimerange: 'yyyy-MM-dd HH:mm:ss'
      };
  
c46f385a   梁灏   update DatePicker
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
      const RANGE_SEPARATOR = ' - ';
  
      const DATE_FORMATTER = function(value, format) {
          return formatDate(value, format);
      };
      const DATE_PARSER = function(text, format) {
          return parseDate(text, format);
      };
      const RANGE_FORMATTER = function(value, format) {
          if (Array.isArray(value) && value.length === 2) {
              const start = value[0];
              const end = value[1];
  
              if (start && end) {
                  return formatDate(start, format) + RANGE_SEPARATOR + formatDate(end, format);
              }
          }
          return '';
      };
      const RANGE_PARSER = function(text, format) {
          const array = text.split(RANGE_SEPARATOR);
          if (array.length === 2) {
              const range1 = array[0];
              const range2 = array[1];
  
              return [parseDate(range1, format), parseDate(range2, format)];
          }
          return [];
      };
  
      const TYPE_VALUE_RESOLVER_MAP = {
          default: {
              formatter(value) {
                  if (!value) return '';
                  return '' + value;
              },
              parser(text) {
                  if (text === undefined || text === '') return null;
                  return text;
              }
          },
          date: {
              formatter: DATE_FORMATTER,
              parser: DATE_PARSER
          },
          datetime: {
              formatter: DATE_FORMATTER,
              parser: DATE_PARSER
          },
          daterange: {
              formatter: RANGE_FORMATTER,
              parser: RANGE_PARSER
          },
          datetimerange: {
              formatter: RANGE_FORMATTER,
              parser: RANGE_PARSER
          },
          timerange: {
              formatter: RANGE_FORMATTER,
              parser: RANGE_PARSER
          },
          time: {
              formatter: DATE_FORMATTER,
              parser: DATE_PARSER
          },
          month: {
              formatter: DATE_FORMATTER,
              parser: DATE_PARSER
          },
          year: {
              formatter: DATE_FORMATTER,
              parser: DATE_PARSER
          },
          number: {
              formatter(value) {
                  if (!value) return '';
                  return '' + value;
              },
              parser(text) {
                  let result = Number(text);
  
                  if (!isNaN(text)) {
                      return result;
                  } else {
                      return null;
                  }
              }
          }
      };
  
17e1fcf1   梁灏   init DatePicker
146
      export default {
21dad188   梁灏   prevent dispatch ...
147
          name: 'CalendarPicker',
cd78c9c4   梁灏   some comps suppor...
148
          mixins: [ Emitter ],
0f677893   梁灏   update DatePicker
149
          components: { iInput, Drop },
ecaf8d51   梁灏   Date add transfer...
150
          directives: { clickoutside, TransferDom },
0f677893   梁灏   update DatePicker
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
          props: {
              format: {
                  type: String
              },
              readonly: {
                  type: Boolean,
                  default: false
              },
              disabled: {
                  type: Boolean,
                  default: false
              },
              editable: {
                  type: Boolean,
                  default: true
              },
fe44201b   梁灏   DatePicker add cl...
167
168
169
170
              clearable: {
                  type: Boolean,
                  default: true
              },
b9041a0d   梁灏   DatePicker add co...
171
172
173
174
              confirm: {
                  type: Boolean,
                  default: false
              },
e9dd4dab   梁灏   publish 0.9.11-rc-1
175
176
177
178
              open: {
                  type: Boolean,
                  default: null
              },
0f677893   梁灏   update DatePicker
179
180
181
182
183
184
185
186
187
              size: {
                  validator (value) {
                      return oneOf(value, ['small', 'large']);
                  }
              },
              placeholder: {
                  type: String,
                  default: ''
              },
68e9b100   梁灏   update DatePicker
188
              placement: {
0f677893   梁灏   update DatePicker
189
                  validator (value) {
68e9b100   梁灏   update DatePicker
190
                      return oneOf(value, ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end']);
0f677893   梁灏   update DatePicker
191
                  },
68e9b100   梁灏   update DatePicker
192
                  default: 'bottom-start'
0f677893   梁灏   update DatePicker
193
194
195
              },
              options: {
                  type: Object
ecaf8d51   梁灏   Date add transfer...
196
197
198
199
              },
              transfer: {
                  type: Boolean,
                  default: false
0f677893   梁灏   update DatePicker
200
201
              }
          },
17e1fcf1   梁灏   init DatePicker
202
          data () {
0f677893   梁灏   update DatePicker
203
204
205
              return {
                  prefixCls: prefixCls,
                  showClose: false,
0f677893   梁灏   update DatePicker
206
                  visible: false,
50637863   梁灏   update DatePicker
207
                  picker: null,
68e9b100   梁灏   update DatePicker
208
                  internalValue: '',
531cd165   梁灏   support DatePicke...
209
                  disableClickOutSide: false,    // fixed when click a date,trigger clickoutside to close picker
ecaf8d51   梁灏   Date add transfer...
210
                  disableCloseUnderTransfer: false,  // transfer 模式下,点击Drop也会触发关闭
531cd165   梁灏   support DatePicke...
211
                  currentValue: this.value
b0893113   jingsam   :art: add eslint
212
              };
0f677893   梁灏   update DatePicker
213
214
          },
          computed: {
e9dd4dab   梁灏   publish 0.9.11-rc-1
215
216
217
              opened () {
                  return this.open === null ? this.visible : this.open;
              },
0f677893   梁灏   update DatePicker
218
              iconType () {
9d844d53   梁灏   fixed Layout bug
219
                  let icon = 'ios-calendar-outline';
456877a1   梁灏   update TimePicker
220
                  if (this.type === 'time' || this.type === 'timerange') icon = 'ios-clock-outline';
9d844d53   梁灏   fixed Layout bug
221
222
                  if (this.showClose) icon = 'ios-close';
                  return icon;
0f677893   梁灏   update DatePicker
223
              },
d20fe0ee   梁灏   update DatePicker
224
225
226
227
228
229
230
              transition () {
                  if (this.placement === 'bottom-start' || this.placement === 'bottom' || this.placement === 'bottom-end') {
                      return 'slide-up';
                  } else {
                      return 'slide-down';
                  }
              },
c46f385a   梁灏   update DatePicker
231
              selectionMode() {
472b4ff1   梁灏   update DatePicker
232
                  if (this.type === 'month') {
c46f385a   梁灏   update DatePicker
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
                      return 'month';
                  } else if (this.type === 'year') {
                      return 'year';
                  }
  
                  return 'day';
              },
              visualValue: {
                  get () {
                      const value = this.internalValue;
                      if (!value) return;
                      const formatter = (
                          TYPE_VALUE_RESOLVER_MAP[this.type] ||
                          TYPE_VALUE_RESOLVER_MAP['default']
                      ).formatter;
                      const format = DEFAULT_FORMATS[this.type];
  
                      return formatter(value, this.format || format);
                  },
  
                  set (value) {
                      if (value) {
                          const type = this.type;
                          const parser = (
                              TYPE_VALUE_RESOLVER_MAP[type] ||
                              TYPE_VALUE_RESOLVER_MAP['default']
                          ).parser;
                          const parsedValue = parser(value, this.format || DEFAULT_FORMATS[type]);
c46f385a   梁灏   update DatePicker
261
262
263
264
265
266
267
                          if (parsedValue) {
                              if (this.picker) this.picker.value = parsedValue;
                          }
                          return;
                      }
                      if (this.picker) this.picker.value = value;
                  }
0f677893   梁灏   update DatePicker
268
269
270
              }
          },
          methods: {
ecaf8d51   梁灏   Date add transfer...
271
272
273
274
              // 开启 transfer 时,点击 Drop 即会关闭,这里不让其关闭
              handleTransferClick () {
                  if (this.transfer) this.disableCloseUnderTransfer = true;
              },
0f677893   梁灏   update DatePicker
275
              handleClose () {
ecaf8d51   梁灏   Date add transfer...
276
277
278
279
                  if (this.disableCloseUnderTransfer) {
                      this.disableCloseUnderTransfer = false;
                      return false;
                  }
1b7aefea   梁灏   update Picker
280
                  if (this.open !== null) return;
762c8ddf   梁灏   update DatePicker
281
282
  //                if (!this.disableClickOutSide) this.visible = false;
                  this.visible = false;
68e9b100   梁灏   update DatePicker
283
                  this.disableClickOutSide = false;
0f677893   梁灏   update DatePicker
284
285
              },
              handleFocus () {
e1874103   梁灏   update DatePicker
286
                  if (this.readonly) return;
0f677893   梁灏   update DatePicker
287
288
                  this.visible = true;
              },
e1874103   梁灏   update DatePicker
289
290
291
292
293
              handleInputChange (event) {
                  const oldValue = this.visualValue;
                  const value = event.target.value;
  
                  let correctValue = '';
7c5ccdab   梁灏   update DatePicker
294
295
296
                  let correctDate = '';
                  const type = this.type;
                  const format = this.format || DEFAULT_FORMATS[type];
e1874103   梁灏   update DatePicker
297
  
7c5ccdab   梁灏   update DatePicker
298
299
300
301
302
303
304
305
306
307
308
309
310
                  if (type === 'daterange' || type === 'timerange' || type === 'datetimerange') {
                      const parser = (
                          TYPE_VALUE_RESOLVER_MAP[type] ||
                          TYPE_VALUE_RESOLVER_MAP['default']
                      ).parser;
  
                      const formatter = (
                          TYPE_VALUE_RESOLVER_MAP[type] ||
                          TYPE_VALUE_RESOLVER_MAP['default']
                      ).formatter;
  
                      const parsedValue = parser(value, format);
  
3602b78d   梁灏   update DatePicker
311
312
313
314
                      if (parsedValue[0] instanceof Date && parsedValue[1] instanceof Date) {
                          if (parsedValue[0].getTime() > parsedValue[1].getTime()) {
                              correctValue = oldValue;
                          } else {
3602b78d   梁灏   update DatePicker
315
316
                              correctValue = formatter(parsedValue, format);
                          }
699a9dc8   梁灏   update DatePicker
317
                          // todo 判断disabledDate
e1874103   梁灏   update DatePicker
318
                      } else {
7c5ccdab   梁灏   update DatePicker
319
                          correctValue = oldValue;
e1874103   梁灏   update DatePicker
320
                      }
7c5ccdab   梁灏   update DatePicker
321
  
3602b78d   梁灏   update DatePicker
322
                      correctDate = parser(correctValue, format);
af713093   梁灏   update TimePicker
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
                  } else if (type === 'time') {
                      const parsedDate = parseDate(value, format);
  
                      if (parsedDate instanceof Date) {
                          if (this.disabledHours.length || this.disabledMinutes.length || this.disabledSeconds.length) {
                              const hours = parsedDate.getHours();
                              const minutes = parsedDate.getMinutes();
                              const seconds = parsedDate.getSeconds();
  
                              if ((this.disabledHours.length && this.disabledHours.indexOf(hours) > -1) ||
                                  (this.disabledMinutes.length && this.disabledMinutes.indexOf(minutes) > -1) ||
                                  (this.disabledSeconds.length && this.disabledSeconds.indexOf(seconds) > -1)) {
                                  correctValue = oldValue;
                              } else {
                                  correctValue = formatDate(parsedDate, format);
                              }
                          } else {
                              correctValue = formatDate(parsedDate, format);
                          }
                      } else {
                          correctValue = oldValue;
                      }
  
                      correctDate = parseDate(correctValue, format);
e1874103   梁灏   update DatePicker
347
                  } else {
7c5ccdab   梁灏   update DatePicker
348
349
350
                      const parsedDate = parseDate(value, format);
  
                      if (parsedDate instanceof Date) {
d31b0801   梁灏   fixed DatePicker bug
351
352
                          const options = this.options || false;
                          if (options && options.disabledDate && typeof options.disabledDate === 'function' && options.disabledDate(new Date(parsedDate))) {
7c5ccdab   梁灏   update DatePicker
353
354
355
356
357
358
359
                              correctValue = oldValue;
                          } else {
                              correctValue = formatDate(parsedDate, format);
                          }
                      } else {
                          correctValue = oldValue;
                      }
e1874103   梁灏   update DatePicker
360
  
7c5ccdab   梁灏   update DatePicker
361
362
                      correctDate = parseDate(correctValue, format);
                  }
e1874103   梁灏   update DatePicker
363
364
365
366
  
                  this.visualValue = correctValue;
                  event.target.value = correctValue;
                  this.internalValue = correctDate;
21dad188   梁灏   prevent dispatch ...
367
                  this.currentValue = correctDate;
344131a7   梁灏   update DatePicker
368
369
  
                  if (correctValue !== oldValue) this.emitChange(correctDate);
c46f385a   梁灏   update DatePicker
370
371
              },
              handleInputMouseenter () {
0f677893   梁灏   update DatePicker
372
                  if (this.readonly || this.disabled) return;
fe44201b   梁灏   DatePicker add cl...
373
                  if (this.visualValue && this.clearable) {
0f677893   梁灏   update DatePicker
374
375
376
                      this.showClose = true;
                  }
              },
c46f385a   梁灏   update DatePicker
377
              handleInputMouseleave () {
0f677893   梁灏   update DatePicker
378
379
380
                  this.showClose = false;
              },
              handleIconClick () {
7b7178f1   梁灏   fixed #528
381
382
                  if (this.showClose) {
                      this.handleClear();
f1f0206c   Aresn   fixed Date bug
383
                  } else if (!this.disabled) {
7b7178f1   梁灏   fixed #528
384
385
                      this.handleFocus();
                  }
b9041a0d   梁灏   DatePicker add co...
386
387
              },
              handleClear () {
c46f385a   梁灏   update DatePicker
388
389
                  this.visible = false;
                  this.internalValue = '';
531cd165   梁灏   support DatePicke...
390
                  this.currentValue = '';
d20fe0ee   梁灏   update DatePicker
391
                  this.$emit('on-clear');
cd78c9c4   梁灏   some comps suppor...
392
                  this.dispatch('FormItem', 'on-form-change', '');
0f677893   梁灏   update DatePicker
393
394
395
              },
              showPicker () {
                  if (!this.picker) {
531cd165   梁灏   support DatePicke...
396
                      let isConfirm = this.confirm;
5cc9b892   梁灏   update DateTimePi...
397
398
                      const type = this.type;
  
9b376832   Sergio Crisostomo   Add feature: allo...
399
                      this.picker = this.Panel.$mount(this.$refs.picker);
5cc9b892   梁灏   update DateTimePi...
400
                      if (type === 'datetime' || type === 'datetimerange') {
531cd165   梁灏   support DatePicke...
401
                          isConfirm = true;
5cc9b892   梁灏   update DateTimePi...
402
403
                          this.picker.showTime = true;
                      }
50637863   梁灏   update DatePicker
404
                      this.picker.value = this.internalValue;
531cd165   梁灏   support DatePicke...
405
                      this.picker.confirm = isConfirm;
c46f385a   梁灏   update DatePicker
406
                      this.picker.selectionMode = this.selectionMode;
50637863   梁灏   update DatePicker
407
408
                      if (this.format) this.picker.format = this.format;
  
9d844d53   梁灏   fixed Layout bug
409
410
411
412
413
414
                      // TimePicker
                      if (this.disabledHours) this.picker.disabledHours = this.disabledHours;
                      if (this.disabledMinutes) this.picker.disabledMinutes = this.disabledMinutes;
                      if (this.disabledSeconds) this.picker.disabledSeconds = this.disabledSeconds;
                      if (this.hideDisabledOptions) this.picker.hideDisabledOptions = this.hideDisabledOptions;
  
50637863   梁灏   update DatePicker
415
416
417
418
                      const options = this.options;
                      for (const option in options) {
                          this.picker[option] = options[option];
                      }
c46f385a   梁灏   update DatePicker
419
420
  
                      this.picker.$on('on-pick', (date, visible = false) => {
531cd165   梁灏   support DatePicke...
421
422
                          if (!isConfirm) this.visible = visible;
                          this.currentValue = date;
e1874103   梁灏   update DatePicker
423
                          this.picker.value = date;
c46f385a   梁灏   update DatePicker
424
                          this.picker.resetView && this.picker.resetView();
73d10c28   梁灏   update DatePicker
425
                          this.emitChange(date);
c46f385a   梁灏   update DatePicker
426
427
                      });
  
b9041a0d   梁灏   DatePicker add co...
428
429
430
431
                      this.picker.$on('on-pick-clear', () => {
                          this.handleClear();
                      });
                      this.picker.$on('on-pick-success', () => {
b9041a0d   梁灏   DatePicker add co...
432
                          this.visible = false;
d20fe0ee   梁灏   update DatePicker
433
                          this.$emit('on-ok');
b9041a0d   梁灏   DatePicker add co...
434
                      });
68e9b100   梁灏   update DatePicker
435
                      this.picker.$on('on-pick-click', () => this.disableClickOutSide = true);
0f677893   梁灏   update DatePicker
436
                  }
c46f385a   梁灏   update DatePicker
437
438
439
440
441
442
                  if (this.internalValue instanceof Date) {
                      this.picker.date = new Date(this.internalValue.getTime());
                  } else {
                      this.picker.value = this.internalValue;
                  }
                  this.picker.resetView && this.picker.resetView();
344131a7   梁灏   update DatePicker
443
444
              },
              emitChange (date) {
21dad188   梁灏   prevent dispatch ...
445
446
447
                  const newDate = this.formattingDate(date);
  
                  this.$emit('on-change', newDate);
fc0c4c78   梁灏   fixed #494
448
449
450
                  this.$nextTick(() => {
                      this.dispatch('FormItem', 'on-form-change', newDate);
                  });
21dad188   梁灏   prevent dispatch ...
451
452
              },
              formattingDate (date) {
456877a1   梁灏   update TimePicker
453
454
                  const type = this.type;
                  const format = this.format || DEFAULT_FORMATS[type];
699a9dc8   梁灏   update DatePicker
455
                  const formatter = (
456877a1   梁灏   update TimePicker
456
                      TYPE_VALUE_RESOLVER_MAP[type] ||
699a9dc8   梁灏   update DatePicker
457
458
459
                      TYPE_VALUE_RESOLVER_MAP['default']
                  ).formatter;
  
0fd13696   梁灏   fixed DatePicker ...
460
                  let newDate = formatter(date, format);
61d5d48b   Rijn   return array of f...
461
                  if (type === 'daterange' || type === 'timerange' || type === 'datetimerange') {
0fd13696   梁灏   fixed DatePicker ...
462
463
                      newDate = [newDate.split(RANGE_SEPARATOR)[0], newDate.split(RANGE_SEPARATOR)[1]];
                  }
21dad188   梁灏   prevent dispatch ...
464
                  return newDate;
0f677893   梁灏   update DatePicker
465
466
467
468
469
470
471
              }
          },
          watch: {
              visible (val) {
                  if (val) {
                      this.showPicker();
                      this.$refs.drop.update();
d20fe0ee   梁灏   update DatePicker
472
                      if (this.open === null) this.$emit('on-open-change', true);
0f677893   梁灏   update DatePicker
473
                  } else {
5cc9b892   梁灏   update DateTimePi...
474
                      if (this.picker) this.picker.resetView && this.picker.resetView(true);
0f677893   梁灏   update DatePicker
475
                      this.$refs.drop.destroy();
d20fe0ee   梁灏   update DatePicker
476
                      if (this.open === null) this.$emit('on-open-change', false);
c46f385a   梁灏   update DatePicker
477
478
479
480
481
                  }
              },
              internalValue(val) {
                  if (!val && this.picker && typeof this.picker.handleClear === 'function') {
                      this.picker.handleClear();
0f677893   梁灏   update DatePicker
482
                  }
21dad188   梁灏   prevent dispatch ...
483
  //                this.$emit('input', val);
50637863   梁灏   update DatePicker
484
              },
531cd165   梁灏   support DatePicke...
485
486
487
488
              value (val) {
                  this.currentValue = val;
              },
              currentValue: {
50637863   梁灏   update DatePicker
489
490
                  immediate: true,
                  handler (val) {
2dbbd7de   梁灏   update TimePicker
491
                      const type = this.type;
0dd7b94a   梁灏   update TimePicker
492
493
494
495
                      const parser = (
                          TYPE_VALUE_RESOLVER_MAP[type] ||
                          TYPE_VALUE_RESOLVER_MAP['default']
                      ).parser;
d609ba86   梁灏   update TimePicker
496
  
4db5926d   梁灏   fixed #153
497
                      if (val && type === 'time' && !(val instanceof Date)) {
0dd7b94a   梁灏   update TimePicker
498
                          val = parser(val, this.format || DEFAULT_FORMATS[type]);
4db5926d   梁灏   fixed #153
499
                      } else if (val && type === 'timerange' && Array.isArray(val) && val.length === 2 && !(val[0] instanceof Date) && !(val[1] instanceof Date)) {
0dd7b94a   梁灏   update TimePicker
500
                          val = val.join(RANGE_SEPARATOR);
2dbbd7de   梁灏   update TimePicker
501
502
                          val = parser(val, this.format || DEFAULT_FORMATS[type]);
                      }
0dd7b94a   梁灏   update TimePicker
503
  
c46f385a   梁灏   update DatePicker
504
                      this.internalValue = val;
531cd165   梁灏   support DatePicke...
505
                      this.$emit('input', val);
50637863   梁灏   update DatePicker
506
                  }
d20fe0ee   梁灏   update DatePicker
507
508
509
510
511
512
513
514
              },
              open (val) {
                  if (val === true) {
                      this.visible = val;
                      this.$emit('on-open-change', true);
                  } else if (val === false) {
                      this.$emit('on-open-change', false);
                  }
0f677893   梁灏   update DatePicker
515
              }
17e1fcf1   梁灏   init DatePicker
516
          },
0f677893   梁灏   update DatePicker
517
518
519
520
          beforeDestroy () {
              if (this.picker) {
                  this.picker.$destroy();
              }
e9dd4dab   梁灏   publish 0.9.11-rc-1
521
          },
531cd165   梁灏   support DatePicke...
522
          mounted () {
d20fe0ee   梁灏   update DatePicker
523
              if (this.open !== null) this.visible = this.open;
0f677893   梁灏   update DatePicker
524
          }
b0893113   jingsam   :art: add eslint
525
526
      };
  </script>