Element UI DatePicker 日期选择器

xiaoxiao2021-02-28  63

两个日期选择框所选日期都不能大于今天,第二个日期选择框所选日期在第一个日期之后。效果如下图:

官网链接:http://element.eleme.io/#/zh-CN/component/date-picker

第二个日期只能选择2017-02 ~ (2017-06)本月

<template> <div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value1" type="month" placeholder="选择日期" :picker-options="pickerOptions0"> </el-date-picker> </div> <div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value2" type="month" placeholder="选择日期" :picker-options="pickerOptions1"> </el-date-picker> </div> </template> <script> export default { data() { let that = this; return { value1: '', value2: '', pickerOptions0: { disabledDate(time) { return time.getTime() > Date.now() - 8.64e7; } }, pickerOptions1: { disabledDate(time) { return time.getTime() > Date.now() - 8.64e7 || time.getTime() < new Date(that.value1).getTime(); } }, }; } }; </script>
转载请注明原文地址: https://www.6miu.com/read-82205.html

最新回复(0)