element中DatePicker选择指定日期?

问题描述

在使用element中的DatePicker组件时,我想把可选日期限制在一个数组中,在这个数组中的日期是可以选择的,而其他日期是disabled

问题出现的环境背景及自己尝试过哪些方法

尝试在picker-options中使用disabledDate,但是报错了

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

// avaiableDateList是一个日期数组,例如['2019-02-01','2019-02-02',...]
disabledDate: (time) => {
     let date = moment(time.getTime()).format('YYYY-MM-DD')     return this.avaiableDateList.indexOf(date) === -1;
}

你期待的结果是什么?实际看到的错误信息又是什么?


白衣染霜花
浏览 1168回答 2
2回答

四季花海

&nbsp;pickerDate:{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;disabledDate:&nbsp;(time)&nbsp;=>&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;beginDate&nbsp;=new&nbsp;Date('2018-01-02') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;&nbsp;&nbsp;&nbsp;endDate&nbsp;=new&nbsp;Date('2019-01-02') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;time.getTime()&nbsp;>&nbsp;endDate.getTime()&nbsp;||&nbsp;time.getTime()&nbsp;<beginDate.getTime() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js