在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element-ui中如何直接顯示DatePicker

element-ui中如何直接顯示DatePicker

DatePick是作為Form組件使用的

我現(xiàn)在想讓它默認(rèn)是展開狀態(tài),并不想要輸入框,而且是一直顯示在頁(yè)面中的,有什么辦法?

回答
編輯回答
骨殘心

我給你在awesome-vue#date-picker大致找了一下

例如charliekassel/vuejs-datepicker這個(gè),
就有一個(gè)<datepicker :inline="true"></datepicker>,效果應(yīng)該就是你想要的,僅僅只有選擇面板,沒有輸入框。
DEMO / DEMO運(yùn)行結(jié)果,可能需要梯子,不然有資源加載不出來(lái)。

如果樣式什么的不符合的話,那你可能需要參考源碼自己寫個(gè)組件了。
我找了一下,以1.4.10為例,彈出的日期或時(shí)間選擇面板組件源碼node_modules/_element-ui@1.4.10@element-ui/packages/date-picker/src/panel/

// 日期
date.vue
// 時(shí)間
time.vue

多看看官方的生態(tài),其實(shí)好多都已經(jīng)有現(xiàn)成輪子了,不一定用別人的輪子,但也能提供一個(gè)自己造的思路,自己造也是個(gè)鍛煉的好機(jī)會(huì)

2017年7月3日 16:51
編輯回答
溫衫

樓主的問題最后怎么處理的?

2017年11月22日 05:05
編輯回答
喜歡你

給你寫了一個(gè)默認(rèn)展開日期選擇器的例子,看看有沒有所啟發(fā):https://jsfiddle.net/luozz/oj...

希望我的回答對(duì)你有所幫助!
2018年8月24日 20:55