美文网首页
vue DatePicker 日期选择器,限定最大或最小时间

vue DatePicker 日期选择器,限定最大或最小时间

作者: 偶头像超凶 | 来源:发表于2021-05-07 09:43 被阅读0次
<el-table-column prop="address" label="选择日期">
    <template slot-scope="scope">
        <el-date-picker size="mini" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="scope.row.info2" type="date" :picker-options="pickerOptions" placeholder="选择日期"></el-date-picker>
    </template>
</el-table-column>

:picker-options="pickerOptions" 限定时间,不要给默认时间

data() {
    return {
        pickerOptions: {//el-date-picker 时间限定
            disabledDate(time) {
                // 今天及今天之前的日期
                // return time.getTime() > Date.now();
                // 今天及今天之后的日期
                return time.getTime() < Date.now() - 8.64e7;
            }
        },
    }
},

相关文章

网友评论

      本文标题:vue DatePicker 日期选择器,限定最大或最小时间

      本文链接:https://www.haomeiwen.com/subject/pnksdltx.html