<template>
  <el-form-item :label="label" :rules="requireRule(required, label)" :prop="prop">
    <el-date-picker
      v-model="$parent.model[prop]"
      :type="type"
      value-format="yyyy-MM-dd"
      placeholder="选择日期"
      start-placeholder="开始日期"
      range-separator="至"
      end-placeholder="结束日期"
      :disabled="disabled"
      :clearable="clearable">
    </el-date-picker>
  </el-form-item>
</template>

<script>
import mixin from './mixin'
/**
 * 返回格式化后的日期（范围）
 * 日期类型返回单个字符串，日期范围返回包含开始和结束日期的数组
 */
export default {
  mixins: [mixin],
  props: {
    type: {
      type: String,
      default: 'date'
    }
  }
}
</script>
