一個組件傳過來的時間值,如2019,在時間選擇器中只能選擇這一年的時間,其余禁止選擇。
1、
<!-- 時間選擇器 -->
<Row class="_time">
<Col span="12">
<DatePicker type="daterange"
transfer
:options="forbidDate"
:clearable="false"
placement="bottom-end"
placeholder="時間選擇"
style="width: 200px"
@on-change="selectDate"
v-model="dataVal"></DatePicker>
</Col>
</Row>
2、在data中定義傳過來的值,根據情況定義的值
let route = this.$route.query.time
3、在data中寫:options="forbidDate" 的禁止范圍, 用Iview中的disabledDate
//允許在指定的年份選擇 forbidDate: { disabledDate (date) {
//獲取當前的年份 const disabledDay = date.getFullYear(); return (disabledDay < route || disabledDay > route); } }
