今天给大家整理一下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;
}
}
});
}
IT技术分享社区
个人博客网站:https://programmerblog.xyz
文章推荐程序员效率:画流程图常用的工具程序员效率:整理常用的在线笔记软件远程办公:常用的远程协助软件,你都知道吗?51单片机程序下载、ISP及串口基础知识硬件:断路器、接触器、继电器基础知识