el-date-picker 選擇日期范圍只保存左側(cè)日期面板的實現(xiàn)代碼
更新時間：2024年06月21日 14:44:09 作者：代碼搬運媛
接到這樣的需求,日期篩選,但限制只能選擇同一個月的數(shù)據(jù),故此應該去掉右側(cè)月份面板,今天通過本文給大家分享el-date-picker 選擇日期范圍只保存左側(cè)日期面板的實現(xiàn)代碼,感興趣的朋友一起看看吧
需求
日期篩選，但限制只能選擇同一個月的數(shù)據(jù)，故此應該去掉右側(cè)月份面板。
實現(xiàn)
主要是通過 css 樣式實現(xiàn)：
<style>
/* 隱藏右邊日期面板 */
.el-picker-panel__content.el-date-range-picker__content.is-right .el-date-table,
.el-picker-panel__content.el-date-range-picker__content.is-right
.el-date-range-picker__header
div {
display: none;
}
.el-picker-panel__content.el-date-range-picker__content.is-right
.el-date-range-picker__header {
width: 60px;
top: -331px;
left: 230px;
}
/* 設置整體日期面板的寬度 */
.el-picker-panel.el-date-range-picker.el-popper {
width: 322px;
}
/* 隱藏中間線段 */
.el-date-range-picker__content.is-left {
border-right: none;
}
/* 左邊日期面板寬度 */
.el-picker-panel__content {
width: 63% !important;
}
</style>實現(xiàn)效果
到此這篇關于el-date-picker 選擇日期范圍只保存左側(cè)日期面板的文章就介紹到這了,更多相關el-date-picker 選擇日期范圍內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇
這篇文章主要介紹了詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
下面小編就為大家分享一篇基于Vuejs的搜索匹配功能實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Vue如何實現(xiàn)多頁面配置以及打包方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
vue 動態(tài)添加的路由頁面刷新時失效的原因及解決方案
這篇文章主要介紹了vue動態(tài)添加的路由頁面刷新時失效的原因及解決方案，幫助大家更好的理解和學習使用vue，感興趣的朋友可以了解下2021-02-02
平常使用Vue開發(fā)時,一個項目中多個地方需要用到的相同組件通常我們會封裝為一個公共組件,所以我們可以將封裝好的組件打包發(fā)布至npm,本文主要介紹了vue組件發(fā)布成npm包,具有一定的參考價值,感興趣的可以了解一下2024-01-01
這篇文章主要為大家詳細介紹了vue+AI智能機器人回復功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
Vue預渲染：prerender-spa-plugin生成靜態(tài)HTML與vue-meta-info更新meta
Vue.js中,prerender-spa-plugin和vue-meta-info插件的結(jié)合使用,提供了解決SEO問題的方案,prerender-spa-plugin通過預渲染技術(shù)生成靜態(tài)HTML,而vue-meta-info則能動態(tài)管理頁面元數(shù)據(jù),本文將探討如何使用這兩個工具優(yōu)化Vue.js項目的SEO表現(xiàn),包括安裝、配置及注意事項2024-10-10
這篇文章主要給大家介紹了關于vue3前端導出excel表格的兩種實現(xiàn)方法,文中通過代碼以及圖文介紹的非常詳細,對大家學習或者使用vue3具有一定的參考借鑒價值,需要的朋友可以參考下2024-11-11
訂閱發(fā)布模式定義了一種一對多的依賴關系，讓多個訂閱者對象同時監(jiān)聽某一個主題對象。這篇文章主要介紹了發(fā)布訂閱模式在vue中的實際運用,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了詳解vue掛載到dom上會發(fā)生什么，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01