Element-UI是餓了么前端團隊推出的一款基于Vue.js 2.0 的桌面端UI框架，手機端有對應框架是 Mint UI 。

10年積累的成都做網站、網站制作經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先制作網站后付款的網站建設流程，更有榆陽免費網站建設讓你可以放心的選擇與我們合作。

需求場景如下：

1. 指定起止日期，后選的將會受到先選的限制
2. 不同的日期選擇器，不過也存在關聯關系

實現方法不難，利用了 change 事件，動態改變 picker-options 中的 disableDate 即可。

查看Demo

Template

<script src="http://unpkg.com/vue/dist/vue.js"></script>
<script src="http://unpkg.com/element-ui@2.3.8/lib/index.js"></script>
<div id="app">
<template>
 <div class="block">
  <span class="demonstration">起始日期</span>
  <el-date-picker v-model="startDate" type="date" placeholder="選擇日期" :picker-options="pickerOptionsStart" @change="changeEnd">
  </el-date-picker>
 </div>
 
 <div class="block">
  <span class="demonstration">截止日期</span>
  <el-date-picker v-model="endDate" type="date" placeholder="選擇日期" :picker-options="pickerOptionsEnd" @change="changeStart">
  </el-date-picker>
 </div>
</template>
</div>

網站欄目：element-ui限制日期選擇的方法(datepicker)-創新互聯
網頁網址：http://vcdvsql.cn/article18/dgdodp.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、關鍵詞優化、Google、網站維護、企業網站制作、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯