vue.js - 尝试在 ant timepicker 中输入时间时出现问题

Question

出于某种原因，我无法编辑使用ant 设计时间选择器的时间。我认为这是来自 v-model 或我更新对输入所做的更改的方式......

字段的初始化工作但是当我点击它时没有任何反应......

这是我迄今为止尝试过的：

<a-time-picker v-model="newAddress.deliveryTimeFrom" use12Hours format="h:mm a" @change="updateDeliveryTimeFrom" />
<a-time-picker v-model="newAddress.deliveryTimeTo" use12Hours format="h:mm a" @change="updateDeliveryTimeTo"/>

    data(){
        return{
            newAddress:{
                deliveryTimeFrom: moment().hour(8).minutes(0),
                deliveryTimeTo: moment().hour(9).minutes(0),
            },
        }
    },

    methods:{

        updateDeliveryTimeFrom(time){
            this.newAddress.deliveryTimeFrom = time;
            this.newAddress.deliveryTimeTo = moment(time, "hh:mm A")
                .add(30, 'minutes');
        },
        updateDeliveryTimeTo(time){
            this.newAddress.deliveryTimeTo = time;
        }
    },

谢谢您的帮助 ！

标签： vue.jsantd