# TimeQuarter 季度选择器

<h-time-quarter v-model="date" />

<script>
  export default {
    data() {
      return {
        date: [new Date(), new Date()]
      };
    }
  };
</script>

<h-time-quarter v-model="date" />

<script>
  export default {
    data() {
      return {
        date2: ['2019-04-01', '2019-06-30']
      };
    }
  };
</script>

<h-time-quarter v-model="date3" :disabled-fn="disabledFn" />

<script>
  export default {
    data() {
      return {
        date3: [new Date(), new Date()]
      };
    },
    methods: {
      disabledFn(time) {
        return time.getTime() > Date.now();
      }
    }
  };
</script>