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

HTML文件

<el-date-pickerv-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;}}});
}

IT技术分享社区

个人博客网站：https://programmerblog.xyz

文章推荐程序员效率：画流程图常用的工具程序员效率：整理常用的在线笔记软件远程办公：常用的远程协助软件，你都知道吗？51单片机程序下载、ISP及串口基础知识硬件：断路器、接触器、继电器基础知识