:::demo 示例

```html
<template>
    
    <div>
        
        <h3>日期格式配置</h3>
        
        <h4>（1）年月日</h4>

        <v-datetime v-model="setting1.currentDate" :config="setting1.config" ></v-datetime>

        <h4>（2）年月日 时:分:秒</h4>

        <v-datetime v-model="setting2.currentDate" :config="setting2.config" ></v-datetime>

        <h4>（3）时:分:秒</h4>

        <v-datetime v-model="setting3.currentDate" :config="setting3.config" ></v-datetime>

        <h4>（4）时:分</h4>

        <v-datetime v-model="setting4.currentDate" :config="setting4.config" ></v-datetime>

        <h4>自定义日期格式</h4>

        <v-datetime v-model="setting5.currentDate" :config="setting5.config" ></v-datetime>
        
    </div>

</template>

<script>

export default {
    name:'basic',
    data(){
        return {
            setting1:{
                currentDate:new Date(),
                config:{
                    dateFormat:"Y-m-d"
                }
            },
            setting2:{
                currentDate:new Date(),
                config:{
                    dateFormat:"Y-m-d H:i:S",
                    time_24hr: true,
                    enableTime: true,
                    enableSeconds:true
                }
            },
            setting3:{
                currentDate:new Date(),
                config:{
                    dateFormat:"H:i:S",
                    time_24hr: true,
                    enableTime: true,
                    enableSeconds:true,
                    noCalendar:true
                }
            },
            setting4:{
                currentDate:new Date(),
                config:{
                    dateFormat:"H:i",
                    time_24hr: true,
                    enableTime: true,
                    noCalendar:true
                }
            },
            setting5:{
                currentDate:new Date(),
                config:{
                    dateFormat:"Y\\年-m\\月-d\\日"
                }
            }
        }
    }
}

</script>

```
:::