Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value、或TimePicker 時間選擇框報waring

a-date-picker/a-time-picker綁定的時間變量是一個string類型，而ant design vue datepicker 默認需要moment格式，所以會報錯。

                        <a-col :xs="24" :md="12" :sm="24" :lg='16' :xl='6'>
                            <a-form-item label="時間">
                                <a-date-picker
                                    v-model="pickerDate"
                                    @change="onChange"
                                    style="margin-right: 5px;"
                                />
                                <a-time-picker
                                    v-model="picker"
                                    format="HH:mm"
                                    @change="onPicker"
                                    placeholder="時間"
                                />
                                ~
                                <a-time-picker
                                    v-model="picker1"
                                    @change="onPicker1"
                                    format="HH:mm"
                                    placeholder="時間"
                                />
                            </a-form-item>
                        </a-col>

 

 

Js

import moment from 'moment'
export default {
    
    data(){
            // pickerl:' '不可為字符串切記
            picker: moment('00:00', 'HH:mm'), //默認值
            picker1: moment(new Date(), 'HH:mm'), //默認值
            pickerDate: moment(new Date(), 'YYYY-MM-DD'), //默認值
    } ，
    methods:{
        moment,
    }
}