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