javascript - 无法禁用vue js Material 日期选择器中的日期

Question

HTML 代码是

 <datepicker :date="child" :option="option" v-model="child.dob" @change="updatechildDOB(child)" :disabled="disabled"></datepicker>

选项有:

option: {    type: 'day',    week: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],    month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],    format: 'YYYY-MM-DD',    placeholder: 'Date of birth',    color: {        header: '#2b98a7',        headerText: '#fff'    },    buttons: {        ok: 'Ok',        cancel: 'Cancel'    },    overlayOpacity: 0.5, // 0.5 as default        dismissible: true // as true as default    },    disabled: {        from: new Date()    },

有什么帮助吗？

Answer 1

您需要做的是:

disabled: {
    to: new Date(2016, 0, 5), // Disable all dates up to specific date
    from: new Date(2016, 0, 26), // Disable all dates after specific date
}

查看文档 https://github.com/charliekassel/vuejs-datepicker