資訊專欄INFORMATION COLUMN
摘要：項目需要，需要一個日歷表組件，產(chǎn)品狗嫌棄第三方提供的組件樣式太丑，功能不全，帶刀和產(chǎn)品理論奈何產(chǎn)品有槍。無奈只能自己寫一個，發(fā)布完這條博客我就提離職，再也不和產(chǎn)品多。
項目需要，需要一個日歷表組件，產(chǎn)品狗嫌棄第三方提供的組件樣式太丑，功能不全，帶刀和產(chǎn)品理論奈何產(chǎn)品有槍。無奈只能自己寫一個，發(fā)布完這條博客我就提離職，再也不和產(chǎn)品多BB。
Html=>
`
{{year}}年{{month}}月日一二三四五六{{item.day}}{{item.name}}
`
js=>
css=>
tips:我用的css解析器是stylus，用less和sass之類的大佬麻煩動動你們的小手加個花括號
給各位大佬呈上APP.vue中的調(diào)用，以及參數(shù)詳細用法
App.vue中的@test1事件是在在入?yún)arkArr中定義的，其中在markArr中color是標記日期的樣式顏色，name是顯示的樣式名稱，days是日期數(shù)組，clickEvent就是自定義事件名稱
丟個成果圖
是不是很丑？我故意的，想要好看自己改去吧，大致功能全都實現(xiàn)了
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/104191.html
摘要：你也可以從其他星期開始，不過會對下面的日期顯示有影響，因為每個月的第一天是周幾決定第一天顯示在第幾個格子里。首先要根據(jù)年月的第一天獲得，根據(jù)這個獲取周幾。 準備工作 提前需要準備好react腳手架開發(fā)環(huán)境，由于react已經(jīng)不支持在頁面內(nèi)部通過jsx.transform來轉(zhuǎn)義，我們就自己大了個簡易的開發(fā)環(huán)境 創(chuàng)建一個文件夾，命名為react-canlendar cd ./react-c...
摘要：你也可以從其他星期開始，不過會對下面的日期顯示有影響，因為每個月的第一天是周幾決定第一天顯示在第幾個格子里。首先要根據(jù)年月的第一天獲得，根據(jù)這個獲取周幾。 準備工作 提前需要準備好react腳手架開發(fā)環(huán)境，由于react已經(jīng)不支持在頁面內(nèi)部通過jsx.transform來轉(zhuǎn)義，我們就自己大了個簡易的開發(fā)環(huán)境 創(chuàng)建一個文件夾，命名為react-canlendar cd ./react-c...
摘要：手把手教你寫組件庫最近在研究的實現(xiàn)，發(fā)現(xiàn)網(wǎng)上很少有關(guān)于插件具體實現(xiàn)的文章，官方的文檔也只是一筆帶過，對于新手來說并不算友好。 手把手教你寫 Vue UI 組件庫 最近在研究 muse-ui 的實現(xiàn)，發(fā)現(xiàn)網(wǎng)上很少有關(guān)于 vue 插件具體實現(xiàn)的文章，官方的文檔也只是一筆帶過，對于新手來說并不算友好。 筆者結(jié)合官方文檔，與自己的摸索總結(jié)，以最簡單的 FlexBox 組件為例子，帶大家入門 v...
閱讀 2726·2021-09-26 10:17
閱讀 3293·2021-09-22 15:16
閱讀 2216·2021-09-03 10:43
閱讀 3331·2019-08-30 11:23
閱讀 3722·2019-08-29 13:23
閱讀 1377·2019-08-29 11:31
閱讀 3763·2019-08-26 13:52
閱讀 1464·2019-08-26 12:22
