今天给大家整理一下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; } } });}
以上是分享内容，感谢阅读，欢迎收藏、点赞、转发。您的支持是我最大的创作动力，有问题可以留言大家共同进步！
原创文章，作者：小su，如若转载，请注明出处：https://www.sudun.com/ask/160026.html
