單面板時間范圍選擇器
實現(xiàn)方法五慈,使用unlink-panels屬性取消兩個面板間的聯(lián)動运准,用css設置display:none隱藏右面板涩堤。
這個有個bug胚膊,第一次選擇沒有問題故俐,比如上一次選擇的最大日期是2020年12月,下一次再選右按鈕只能選擇到2020年11月就會被禁用掉
解決方案:綁定focus紊婉,獲取dom元素药版,綁定click事件,清除屬性
@focus="focus"
focus()?{
??????//?去掉日期選擇右上角下一月被禁用
??????if(document.getElementsByClassName("el-picker-panel")[0])?{
????????let?butten?=?document.getElementsByClassName("el-picker-panel")[0]
??????????????????????????????.getElementsByClassName("is-left")[0]
??????????????????????????????.getElementsByClassName("el-icon-arrow-right")[0];
???????butten.classList.remove("is-disabled");
???????butten.removeAttribute("disabled");
???????//?去掉日期選擇右上角下一年?
???????let?nextYear?=?document.getElementsByClassName("el-picker-panel")[0]
??????????????????????????????.getElementsByClassName("is-left")[0]
??????????????????????????????.getElementsByClassName("el-icon-d-arrow-right")[0];
???????nextYear.classList.remove("is-disabled");
???????nextYear.removeAttribute("disabled");
??????}
????}
方法比較笨喻犁,有別的解決方案槽片,希望告知呦。