今天给大家整理一下ElementUI+VUE 日期控件禁用用法，希望对大家有所帮助！

HTML文件

<el-date-picker  v-model="value"  type="date"  :editable="false"  placeholder="开始日期"  value-format="yyyy-MM-dd"  :picker-options="pickerOption"></el-date-picker>

JS文件

var dateStr = ""; //定义指定日期的变量getDateStr(); //调用方法给指定日期赋值var vue = new Vue({    data: {        pickerOptions: {            disabledDate(time) {                // tt 为时间戳，比较的时候也要转换为时间戳                var tt = time.getTime();                 //指定日期之后禁用                return time.getTime() < dateStr;                //今天之后的日期禁用                return time.getTime() > Date.now();             }        }    },    mounted: function() {},    methods: {},});//通过ajax获取需要的日期function getDateStr() {    var queryParam = {     //参数    };    $.ajax({        url: xxx,        contentType: 'application/json',        data: JSON.stringify(queryParam),        success: function(resultData) {            if (resultData.status) {                dateStr = result.data[0].startDate;            }        }    });}

以上是分享内容，感谢阅读，欢迎收藏、点赞、转发。您的支持是我最大的创作动力，有问题可以留言大家共同进步！