iveiw DatePicker 只能选择本月和之前的日期

iveiw DatePicker 只能选择本月之前的日期

iview提供了options 对象中的 disabledDate 可以设置不可选择的日期。下文是实现只能选择当前月份一起之前的月份代码。

// An highlighted block
<template>
    <Space size="large" wrap>
        <DatePicker :clearable="true" v-model="search.searchMonth" type="month" :options="options"
                placeholder="月份" style="width: 200px;" @on-change="changeDateMonth"></DatePicker>
        
    </Space>
</template>
<script>
export default {
	data () {
		return {
			options: {
				disabledDate (date) {
					return date && date.valueOf() > Date.now() - 86400000
              	}
        	},
		}
	}
}
</script>

若想控制之前不可选，只能选择之后的日期将>换成<

// An highlighted block
return date && date.valueOf() < Date.now() - 86400000