<template>
  <div>
    <el-form-item label="日期类型">
      <el-select v-model="main.activeOption.type">
        <el-option label="日期时间" value="datetime"></el-option>
        <el-option label="日期" value="date"></el-option>
        <el-option label="时间" value="time"></el-option>
        <el-option label="周" value="week"></el-option>
        <el-option label="月" value="month"></el-option>
        <el-option label="年" value="year"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="占位文本">
      <el-input v-model="main.activeOption.placeholder"></el-input>
    </el-form-item>
    <el-form-item label="是否禁用">
      <el-switch v-model="main.activeOption.disabled"></el-switch>
    </el-form-item>
    <el-form-item label="是否可清空">
      <el-switch v-model="main.activeOption.clearable"></el-switch>
    </el-form-item>
    <el-form-item label="显示格式">
      <el-input v-model="main.activeOption.format"></el-input>
    </el-form-item>
    <el-form-item label="值格式">
      <el-input v-model="main.activeOption.valueFormat"></el-input>
    </el-form-item>
    <el-form-item label="范围分隔符">
      <el-input v-model="main.activeOption.rangeSeparator"></el-input>
    </el-form-item>
    <el-form-item label="开始占位符">
      <el-input v-model="main.activeOption.startPlaceholder"></el-input>
    </el-form-item>
    <el-form-item label="结束占位符">
      <el-input v-model="main.activeOption.endPlaceholder"></el-input>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: 'datetimes',
  inject: ["main"]
}
</script> 