美文网首页
elementui 时间选择器限制选择范围

elementui 时间选择器限制选择范围

作者: Hi小胡 | 来源:发表于2021-01-11 15:33 被阅读0次

html:

<el-date-picker :picker-options="beginDateOption" value-format="yyyy-MM-dd HH:mm:ss" v-model="queryForm.beginDate" type="datetime" placeholder="开始时间" />
至
<el-date-picker :picker-options="endDateOption" value-format="yyyy-MM-dd HH:mm:ss" v-model="queryForm.endDate" type="datetime" placeholder="结束时间" />

script:

export default {
    name: "",
    data() {
        return {
            beginDateOption: {
                disabledDate: (time) => {
                    return (
                        time.getTime() >
                        new Date(this.queryForm.endDate).getTime() - 8.64e7
                    );
                },
            },
            endDateOption: {
                disabledDate: (time) => {
                    return (
                        time.getTime() <
                        new Date(this.queryForm.beginDate).getTime() + 8.64e7
                    );
                },
            },
            queryForm: {},
        };
    },
    mounted() {
    },
    methods: {
    },
};

相关文章

网友评论

      本文标题:elementui 时间选择器限制选择范围

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