:::demo 示例

```html
<template>
    <div>
        <div>
            <h3>基本用法</h3>

            <v-f9-groupbox label="变动日期" group-name="变动日期">这里你放啥你决定！</v-f9-groupbox>

            <div class="mt30 mb15">禁止选中</div>
            <v-f9-groupbox disabled label="变动日期" group-name="变动日期">这里你放啥你决定！</v-f9-groupbox>
        </div>

        <div>
            <h3>组的概念</h3>
            需要设置v-model 属性实现组的概念
            <v-f9-groupbox label="变动日期" v-model="currentGroup" group-name="变动日期">这里你放啥你决定！</v-f9-groupbox>
            <v-f9-groupbox label="报改期" v-model="currentGroup" group-name="报改期">这里你放啥你决定！</v-f9-groupbox>
        </div>
    </div>
</template>
<script>

    export default{

        name: 'F9DatePicker',
        data () {
            return {
                currentGroup: "变动日期"
            };
        }
    }
</script>
```
:::