<template>
  <div>
    <div class="q-pa-sm">
      <q-btn dense @click="showonly=!showonly" label="只读" :outline="!showonly" color="primary" />
      <q-btn dense @click="today()" class="q-mx-sm" label="设置为今天" color="primary" />
    </div>
    <q-separator />
    <h6>日期区间</h6>
    值：{{section1}}
    <kyb-date-section v-model="section1" @input="test" />
    <h6>时间区间</h6>
    值：{{section2}}
    <kyb-date-section type="time" v-model="section2" />
    <h6>日期时间区间</h6>
    值：{{section3}}
    <kyb-date-section type="dateTime" v-model="section3" />
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return { showonly: false, section1: null, section2: null, section3: null }
  },
  methods: {
    today() {},
    test(v) {
      console.log(v)
    }
  }
}
</script>
