前端:ElementUI+VUE 日期控件禁用用法

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

前端: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;             }         }     }); }

您可能还会对下面的文章感兴趣: