今天給大家整理一下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及串口基礎知識硬件：斷路器、接觸器、繼電器基礎知識