美文网首页
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