:::demo 示例

```html
<template>
    
    <div>
        <h3>日期格式</h3>

        <div>

            <h4>年(YYYY)</h4>
            <v-f9-date-input v-model="date1" :em_date_mode="2" placeholder="请选择日期"></v-f9-date-input>

        </div>
        
        <div>
        
            <h4>年月(YYYY-MM)</h4>
            <v-f9-date-input v-model="date2" :em_date_mode="1" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>年月日(YYYY-MM-DD)</h4>
            <v-f9-date-input v-model="date3" :em_date_mode="0" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>年月日 时(YYYY-MM-DD HH)</h4>
            <v-f9-date-input v-model="date4" :em_date_mode="3" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>年月日 时:分(YYYY-MM-DD HH:mm)</h4>
            <v-f9-date-input v-model="date5" :em_date_mode="4" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>年月日 时:分:秒(YYYY-MM-DD HH:mm:ss)</h4>
            <v-f9-date-input v-model="date6" :em_date_mode="5" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>时(HH)</h4>
            <v-f9-date-input v-model="date7" :em_date_mode="6" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>时:分(HH:mm)</h4>
            <v-f9-date-input v-model="date8" :em_date_mode="7" placeholder="请选择日期"></v-f9-date-input>

        </div>

        <div>
        
            <h4>时:分:秒(HH:mm:ss)</h4>
            <v-f9-date-input v-model="date9" :em_date_mode="8" placeholder="请选择日期"></v-f9-date-input>

        </div>
        
    </div>

</template>

<script>

export default {
    name:'dateFormat',
    data(){
        return {
            date1:new Date().getFullYear().toString(),
            date2:`${new Date().getFullYear().toString()}-01`,
            date3:`${new Date().getFullYear().toString()}-01-01`,
            date4:'',
            date5:'',
            date6:'',
            date7:'',
            date8:'',
            date9:''
        }
    },
    methods:{
        
    }
}

</script>

```
:::