<template>
  <div class="dateRange">
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="开始日期"
      class="date1">
    </el-date-picker>
    <label class="span2"> 至 </label>
      <el-date-picker
        v-model="value2"
        type="date"
        placeholder="结束日期"
        class="date2">
    </el-date-picker>
    <div class="span3">{{'(不填结束日期为永久有效)'}}</div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      value1: '',
      value2: ''
    }
  },
  computed: {
  }
}
</script>
<style scoped>
  .span1{
    font-size: 14px;
    color: #606266;
    margin-left: 2px;
    padding: 0 12px 0 0;
    font-weight: 700;
  }
  .span2{
    font-size: 14px;
    color: #606266;
    margin: 0;
    font-weight: 700;
    width: 1% !important;
  }
  .span3{
    font-size: 14px;
    color: #606266;
  }
  .date1{
    width: 46% !important;
  }
  .date2{
    width: 46% !important;
  }
</style>
